#6E553A Color

#6E553A is rgb(110, 85, 58) in RGB and hsl(31, 31%, 33%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#6E553A

HEX#6E553A

RGBrgb(110, 85, 58)

HSLhsl(31, 31%, 33%)

HSVhsv(31, 47%, 43%)

OKLCHoklch(46.8% 0.052 68.1)

CMYKcmyk(0%, 23%, 47%, 57%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6E553A Complementary#3A536E Analogous#6E3B3A Analogous#6D6E3A Triadic#3A6E55 Triadic#553A6E

Tints & Shades

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

Tints

#8C6C4A #AB865F #BA9D7D #CAB39B #DACAB9 #ECE3DA

Shades

#614B33 #54402C #463625 #35291C #281F15 #1B150E

Use #6E553A in Our Tools

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