#9E6A2E Color

#9E6A2E is rgb(158, 106, 46) in RGB and hsl(32, 55%, 40%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#9E6A2E

HEX#9E6A2E

RGBrgb(158, 106, 46)

HSLhsl(32, 55%, 40%)

HSVhsv(32, 71%, 62%)

OKLCHoklch(56.8% 0.101 67)

CMYKcmyk(0%, 33%, 71%, 38%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9E6A2E Complementary#2E629E Analogous#9E322E Analogous#9A9E2E Triadic#2E9E6A Triadic#6A2E9E

Tints & Shades

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

Tints

#BE7F37 #CE9555 #D7A975 #E0BD94 #E9D0B4 #F4E6D7

Shades

#8A5D28 #774F22 #63421D #4B3216 #372510 #24180A

Use #9E6A2E in Our Tools

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