#5D5646 Color

#5D5646 is rgb(93, 86, 70) in RGB and hsl(42, 14%, 32%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5D5646

HEX#5D5646

RGBrgb(93, 86, 70)

HSLhsl(42, 14%, 32%)

HSVhsv(42, 25%, 36%)

OKLCHoklch(45.5% 0.027 87.2)

CMYKcmyk(0%, 8%, 25%, 64%)

Text Contrast & Accessibility

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

TextWhite text7.28:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.88:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#5D5646 Complementary#464D5D Analogous#5D4B46 Analogous#585D46 Triadic#465D56 Triadic#56465D

Tints & Shades

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

Tints

#776E5A #948971 #A79F8B #BDB7A8 #D1CCC2 #E7E5DF

Shades

#514B3D #464135 #3A362C #2F2B23 #23201A #171612

Use #5D5646 in Our Tools

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