#5D4714 Color

#5D4714 is rgb(93, 71, 20) in RGB and hsl(42, 65%, 22%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5D4714

HEX#5D4714

RGBrgb(93, 71, 20)

HSLhsl(42, 65%, 22%)

HSVhsv(42, 78%, 36%)

OKLCHoklch(41.1% 0.073 84.5)

CMYKcmyk(0%, 24%, 78%, 64%)

Text Contrast & Accessibility

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

TextWhite text8.84:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#5D4714 Complementary#142A5D Analogous#5D2214 Analogous#4E5D14 Triadic#145D47 Triadic#47145D

Tints & Shades

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

Tints

#8B6A1D #B98D27 #D7AA42 #E0BD6C #EAD29A #F3E6C8

Shades

#503D11 #48370F #3B2D0C #32270B #261D08 #1D1606

Use #5D4714 in Our Tools

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