#223C1B Color

#223C1B is rgb(34, 60, 27) in RGB and hsl(107, 38%, 17%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#223C1B

HEX#223C1B

RGBrgb(34, 60, 27)

HSLhsl(107, 38%, 17%)

HSVhsv(107, 55%, 24%)

OKLCHoklch(32.6% 0.064 139.3)

CMYKcmyk(43%, 0%, 55%, 76%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #223C1B background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text12.14:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.73:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #223C1B based on color wheel relationships. Click any swatch for its full breakdown.

Base#223C1B Complementary#351B3C Analogous#323C1B Analogous#1B3C24 Triadic#1B223C Triadic#3C1B22

Tints & Shades

Lighter tints and darker shades of #223C1B, useful for hover states, backgrounds, and text variants.

Tints

#3A662E #508D3F #6AB356 #8CC57D #B2D7A7 #D4E9CE

Shades

#1E3518 #1A2E15 #162711 #142310 #101C0D #0C1509

Use #223C1B in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex