#557222 Color

#557222 is rgb(85, 114, 34) in RGB and hsl(82, 54%, 29%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#557222

HEX#557222

RGBrgb(85, 114, 34)

HSLhsl(82, 54%, 29%)

HSVhsv(82, 70%, 45%)

OKLCHoklch(51.2% 0.112 127.2)

CMYKcmyk(25%, 0%, 70%, 55%)

Text Contrast & Accessibility

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

TextWhite text5.5:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.82:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#557222 Complementary#3F2272 Analogous#726722 Analogous#2D7222 Triadic#225572 Triadic#722255

Tints & Shades

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

Tints

#72992E #8FC039 #A6CF5E #B9D981 #CFE5A9 #E5F1D0

Shades

#49621D #40561A #354715 #2C3B12 #202B0D #171F09

Use #557222 in Our Tools

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