#55613D Color

#55613D is rgb(85, 97, 61) in RGB and hsl(80, 23%, 31%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#55613D

HEX#55613D

RGBrgb(85, 97, 61)

HSLhsl(80, 23%, 31%)

HSVhsv(80, 37%, 38%)

OKLCHoklch(47.2% 0.057 123.5)

CMYKcmyk(12%, 0%, 37%, 62%)

Text Contrast & Accessibility

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

TextWhite text6.64:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#55613D Complementary#493D61 Analogous#615B3D Analogous#43613D Triadic#3D5561 Triadic#613D55

Tints & Shades

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

Tints

#718151 #899D62 #A1B082 #B6C29E #CED6BD #E3E7D9

Shades

#4A5535 #3F482D #343C25 #2C321F #212618 #161910

Use #55613D in Our Tools

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