#559220 Color

#559220 is rgb(85, 146, 32) in RGB and hsl(92, 64%, 35%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#559220

HEX#559220

RGBrgb(85, 146, 32)

HSLhsl(92, 64%, 35%)

HSVhsv(92, 78%, 57%)

OKLCHoklch(59.6% 0.156 134.1)

CMYKcmyk(42%, 0%, 78%, 43%)

Text Contrast & Accessibility

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

TextWhite text3.81:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.52:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#559220 Complementary#5D2092 Analogous#8F9220 Analogous#209224 Triadic#205592 Triadic#922055

Tints & Shades

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

Tints

#6BB828 #82D43A #9ADC60 #B2E486 #CAEDAB #E2F5D1

Shades

#4C821C #3F6D18 #365C14 #2A4710 #20360C #142107

Use #559220 in Our Tools

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