#55772C Color

#55772C is rgb(85, 119, 44) in RGB and hsl(87, 46%, 32%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#55772C

HEX#55772C

RGBrgb(85, 119, 44)

HSLhsl(87, 46%, 32%)

HSVhsv(87, 63%, 47%)

OKLCHoklch(52.6% 0.111 130)

CMYKcmyk(29%, 0%, 63%, 53%)

Text Contrast & Accessibility

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

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

TextBlack text4.06:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#55772C Complementary#4E2C77 Analogous#77732C Analogous#30772C Triadic#2C5577 Triadic#772C55

Tints & Shades

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

Tints

#6D9938 #88BC49 #9EC86A #B6D68F #CCE2B1 #E4F0D6

Shades

#4B6827 #405921 #354A1C #2B3C16 #202D11 #151E0B

Use #55772C in Our Tools

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