#859556 Color

#859556 is rgb(133, 149, 86) in RGB and hsl(75, 27%, 46%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#859556

HEX#859556

RGBrgb(133, 149, 86)

HSLhsl(75, 27%, 46%)

HSVhsv(75, 42%, 58%)

OKLCHoklch(64.2% 0.089 120.6)

CMYKcmyk(11%, 0%, 42%, 42%)

Text Contrast & Accessibility

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

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

TextBlack text6.43:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#859556 Complementary#655695 Analogous#958556 Analogous#659556 Triadic#568595 Triadic#955685

Tints & Shades

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

Tints

#97A867 #A9B681 #B8C397 #CAD2B1 #DADFC8 #EBEEE2

Shades

#74824A #626E3F #515B34 #404729 #2E341E #1D2013

Use #859556 in Our Tools

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