#87824A Color

#87824A is rgb(135, 130, 74) in RGB and hsl(55, 29%, 41%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#87824A

HEX#87824A

RGBrgb(135, 130, 74)

HSLhsl(55, 29%, 41%)

HSVhsv(55, 45%, 53%)

OKLCHoklch(59.8% 0.077 104)

CMYKcmyk(0%, 4%, 45%, 47%)

Text Contrast & Accessibility

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

TextWhite text3.95:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.32:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#87824A Complementary#4A4F87 Analogous#87634A Analogous#6E874A Triadic#4A8782 Triadic#824A87

Tints & Shades

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

Tints

#A19B59 #B1AC72 #C0BB8C #D0CDA9 #DEDCC4 #EDECDE

Shades

#767241 #635F36 #524F2D #423F24 #312F1B #1E1C10

Use #87824A in Our Tools

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