#876C3C

Color Details

HEX
#876C3C
RGB
rgb(135, 108, 60)
HSL
hsl(38, 38%, 38%)
CMYK
cmyk(0%, 20%, 56%, 47%)
Best text on this color #FFFFFF (CR 4.95:1) Determined by WCAG contrast ratio

Readability Previews

Black on #876c3c
Contrast 4.24:1 Fail
White on #876c3c
Contrast 4.95:1 AA
#876c3c on Black
Contrast 4.24:1 Fail
#876c3c on White
Contrast 4.95:1 AA

Tints & Shades

#9f8963
#b7a78a
#cfc4b1
#6c5630
#514124
#362b18

Complement & Analogous

#3c5786
#7c863c
#86463c

Triadic

#3c866b
#6b3c86

Monochrome

#362b18 #514124 #876c3c #b7a78a #cfc4b1 #e7e2d8

Analogous

#86463c #aa7e77 #876c3c #969e63 #7c863c #636b30

Complementary Mix

#514124 #876c3c #b7a78a #3c5786 #8092b0 #273957

Nearby Colors

#876c3b
#876c3d
#876c2c
#876c4c

Embed #876C3C swatch

Embed this swatch

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

Open image

About #876C3C

#876C3C converts to RGB(135, 108, 60) and HSL(38, 38%, 38%). 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).

#876C3C FAQs

What is the RGB value of #876C3C?
RGB: 135, 108, 60. Copy as CSS: rgb(135, 108, 60)
Is #876C3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #876C3C?
Complement: #3c5786.
Does #876C3C have good contrast on white or black?
On white: 4.95:1 (AA (normal text)). On black: 4.24:1 (AA (large text)).