#85701E Color

#85701E is rgb(133, 112, 30) in RGB and hsl(48, 63%, 32%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#85701E

HEX#85701E

RGBrgb(133, 112, 30)

HSLhsl(48, 63%, 32%)

HSVhsv(48, 77%, 52%)

OKLCHoklch(55% 0.101 94)

CMYKcmyk(0%, 16%, 77%, 48%)

Text Contrast & Accessibility

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

TextWhite text4.85:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#85701E Complementary#1E3385 Analogous#853D1E Analogous#66851E Triadic#1E8570 Triadic#701E85

Tints & Shades

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

Tints

#AA9027 #D1B133 #D9C059 #E3CF82 #EBDEA8 #F5EED1

Shades

#74621A #645417 #534613 #43380F #322A0B #211C08

Use #85701E in Our Tools

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