Skip to main content

#0BA224

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#0BA224
RGB
rgb(11, 162, 36)
RGBA
rgba(11, 162, 36, 1)
HSL
hsl(129.93, 87.28%, 33.92%)
HSLA
hsla(130, 87%, 34%, 1)
CMYK
cmyk(93%, 0%, 78%, 36%)

Color Palettes

Harmonious color combinations based on #0BA224

Monochromatic

Shades and tints of the same hue

#03300B
#0A8F20
#11EE36
#70F586
#CFFCD7

Analogous

Adjacent colors on the color wheel

#89A20B
#3EA20B
#0BA224
#0BA270
#0B89A2

Complementary

Opposite color for maximum contrast

#0BA224
#A20B89

Triadic

Three evenly spaced colors

#0BA224
#240BA2
#A2240B

CSS Usage Examples

Background

background-color: #0BA224;

Text

color: #0BA224;

Border

border: 2px solid #0BA224;

Shadow

box-shadow: 0 4px 6px #0BA22440;
Feedback