#816A0E Color

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

#816A0E

HEX#816A0E

RGBrgb(129, 106, 14)

HSLhsl(48, 80%, 28%)

HSVhsv(48, 89%, 51%)

OKLCHoklch(53.2% 0.104 93.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#816A0E Complementary#0E2581 Analogous#81310E Analogous#5E810E Triadic#0E816A Triadic#6A0E81

Tints & Shades

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

Tints

#AE8F13 #DCB518 #EAC73E #EFD56C #F4E29A #F9EFC8

Shades

#735E0D #604F0B #534409 #403507 #322A06 #201A04

Use #816A0E in Our Tools

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