#87875E Color

#87875E is rgb(135, 135, 94) in RGB and hsl(60, 18%, 45%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#87875E

HEX#87875E

RGBrgb(135, 135, 94)

HSLhsl(60, 18%, 45%)

HSVhsv(60, 30%, 53%)

OKLCHoklch(61.3% 0.058 108)

CMYKcmyk(0%, 0%, 30%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#87875E Complementary#5E5E87 Analogous#87735E Analogous#73875E Triadic#5E8787 Triadic#875E87

Tints & Shades

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

Tints

#9D9D72 #ABAB87 #BCBC9F #CBCBB4 #DBDBCC #EAEAE1

Shades

#757552 #636345 #515138 #42422E #303021 #1E1E15

Use #87875E in Our Tools

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