#876A4C

Color Details

HEX
#876A4C
RGB
rgb(135, 106, 76)
HSL
hsl(31, 28%, 41%)
CMYK
cmyk(0%, 21%, 44%, 47%)
Best text on this color #FFFFFF (CR 5.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #876a4c
Contrast 4.20:1 Fail
White on #876a4c
Contrast 5.00:1 AA
#876a4c on Black
Contrast 4.20:1 Fail
#876a4c on White
Contrast 5.00:1 AA

Tints & Shades

#9f8870
#b7a694
#cfc3b7
#6c553d
#51402e
#362a1e

Complement & Analogous

#4b6886
#85864b
#864c4b

Triadic

#4b866a
#6a4b86

Monochrome

#362a1e #51402e #876a4c #b7a694 #cfc3b7 #e7e1db

Analogous

#864c4b #aa8281 #876a4c #9d9e6f #85864b #6a6b3c

Complementary Mix

#51402e #876a4c #b7a694 #4b6886 #8a9db0 #314457

Nearby Colors

#876a4b
#876a4d
#876a3c
#876a5c

Embed #876A4C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #876A4C

#876A4C converts to RGB(135, 106, 76) and HSL(31, 28%, 41%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#876A4C FAQs

What is the RGB value of #876A4C?
RGB: 135, 106, 76. Copy as CSS: rgb(135, 106, 76)
Is #876A4C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #876A4C?
Complement: #4b6886.
Does #876A4C have good contrast on white or black?
On white: 5.00:1 (AA (normal text)). On black: 4.20:1 (AA (large text)).