#224B20 Color

#224B20 is rgb(34, 75, 32) in RGB and hsl(117, 40%, 21%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#224B20

HEX#224B20

RGBrgb(34, 75, 32)

HSLhsl(117, 40%, 21%)

HSVhsv(117, 57%, 29%)

OKLCHoklch(37.1% 0.084 142.8)

CMYKcmyk(55%, 0%, 57%, 71%)

Text Contrast & Accessibility

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

TextWhite text10.02:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.1:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#224B20 Complementary#49204B Analogous#384B20 Analogous#204B33 Triadic#20224B Triadic#4B2022

Tints & Shades

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

Tints

#347231 #469A42 #5FB95B #86C982 #ACDAA9 #D2EBD1

Shades

#1F441D #1A3918 #173215 #122711 #0F200E #0A1509

Use #224B20 in Our Tools

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