#559162 Color

#559162 is rgb(85, 145, 98) in RGB and hsl(133, 26%, 45%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#559162

HEX#559162

RGBrgb(85, 145, 98)

HSLhsl(133, 26%, 45%)

HSVhsv(133, 41%, 57%)

OKLCHoklch(60.3% 0.095 149.8)

CMYKcmyk(41%, 0%, 32%, 43%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#559162 Complementary#915584 Analogous#669155 Analogous#559180 Triadic#625591 Triadic#916255

Tints & Shades

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

Tints

#68A675 #7EB48A #98C3A1 #AFD0B6 #C8DFCD #DFECE2

Shades

#4A7D55 #3E6A48 #33573B #2A4730 #1E3323 #132016

Use #559162 in Our Tools

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