Skip to main content

#222C14

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
#222C14
RGB
rgb(34, 44, 20)
RGBA
rgba(34, 44, 20, 1)
HSL
hsl(85, 37.5%, 12.55%)
HSLA
hsla(85, 38%, 13%, 1)
CMYK
cmyk(23%, 0%, 55%, 83%)

Color Palettes

Harmonious color combinations based on #222C14

Monochromatic

Shades and tints of the same hue

#1B2310
#516A2F
#88B04F
#B7D095
#E7EFDC

Analogous

Adjacent colors on the color wheel

#2E1F15
#2E2C15
#222C14
#172E15
#152E1F

Complementary

Opposite color for maximum contrast

#222C14
#1F152E

Triadic

Three evenly spaced colors

#222C14
#15232E
#2E1523

CSS Usage Examples

Background

background-color: #222C14;

Text

color: #222C14;

Border

border: 2px solid #222C14;

Shadow

box-shadow: 0 4px 6px #222C1440;
Feedback