#816C0E Color

#816C0E is rgb(129, 108, 14) in RGB and hsl(49, 80%, 28%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#816C0E

HEX#816C0E

RGBrgb(129, 108, 14)

HSLhsl(49, 80%, 28%)

HSVhsv(49, 89%, 51%)

OKLCHoklch(53.6% 0.106 94.8)

CMYKcmyk(0%, 16%, 89%, 49%)

Text Contrast & Accessibility

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

TextWhite text5.14:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#816C0E Complementary#0E2381 Analogous#81320E Analogous#5C810E Triadic#0E816C Triadic#6C0E81

Tints & Shades

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

Tints

#AE9213 #DCB818 #EACA3E #EFD76C #F4E39A #F9F0C8

Shades

#73600D #60510B #534509 #403607 #322A06 #201B04

Use #816C0E in Our Tools

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