#87551C Color

#87551C is rgb(135, 85, 28) in RGB and hsl(32, 66%, 32%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#87551C

HEX#87551C

RGBrgb(135, 85, 28)

HSLhsl(32, 66%, 32%)

HSVhsv(32, 79%, 53%)

OKLCHoklch(49.5% 0.097 65.1)

CMYKcmyk(0%, 37%, 79%, 47%)

Text Contrast & Accessibility

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

TextWhite text6.28:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.35:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#87551C Complementary#1C4E87 Analogous#871F1C Analogous#84871C Triadic#1C8755 Triadic#551C87

Tints & Shades

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

Tints

#AE6D24 #D58830 #DC9D56 #E5B680 #EDCCA6 #F5E4D0

Shades

#774B18 #664015 #553511 #442B0E #33200A #221507

Use #87551C in Our Tools

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