#87472C Color

#87472C is rgb(135, 71, 44) in RGB and hsl(18, 51%, 35%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#87472C

HEX#87472C

RGBrgb(135, 71, 44)

HSLhsl(18, 51%, 35%)

HSVhsv(18, 67%, 53%)

OKLCHoklch(47.1% 0.096 42.9)

CMYKcmyk(0%, 47%, 67%, 47%)

Text Contrast & Accessibility

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

TextWhite text7.08:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#87472C Complementary#2C6B87 Analogous#872C3E Analogous#87752C Triadic#2C8747 Triadic#472C87

Tints & Shades

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

Tints

#A95937 #C46F4A #D08A6D #DBA68F #E6C2B2 #F1DDD5

Shades

#773F27 #643520 #552D1B #412315 #321A10 #1F100A

Use #87472C in Our Tools

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