#8C6D3C

Color Details

HEX
#8C6D3C
RGB
rgb(140, 109, 60)
HSL
hsl(37, 40%, 39%)
CMYK
cmyk(0%, 22%, 57%, 45%)
Best text on this color #FFFFFF (CR 4.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8c6d3c
Contrast 4.37:1 Fail
White on #8c6d3c
Contrast 4.81:1 AA
#8c6d3c on Black
Contrast 4.37:1 Fail
#8c6d3c on White
Contrast 4.81:1 AA

Tints & Shades

#a38a63
#baa78a
#d1c5b1
#705730
#544124
#382c18

Complement & Analogous

#3c5a8b
#828b3c
#8b453c

Triadic

#3c8b6d
#6d3c8b

Monochrome

#382c18 #544124 #8c6d3c #baa78a #d1c5b1 #e8e2d8

Analogous

#8b453c #ae7d77 #8c6d3c #9ba263 #828b3c #686f30

Complementary Mix

#544124 #8c6d3c #baa78a #3c5a8b #8094b4 #273b5a

Nearby Colors

#8c6d3b
#8c6d3d
#8c6d2c
#8c6d4c

Embed #8C6D3C swatch

Embed this swatch

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

Open image

About #8C6D3C

#8C6D3C converts to RGB(140, 109, 60) and HSL(37, 40%, 39%). 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).

#8C6D3C FAQs

What is the RGB value of #8C6D3C?
RGB: 140, 109, 60. Copy as CSS: rgb(140, 109, 60)
Is #8C6D3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8C6D3C?
Complement: #3c5a8b.
Does #8C6D3C have good contrast on white or black?
On white: 4.81:1 (AA (normal text)). On black: 4.37:1 (AA (large text)).