#8E7A5C

Color Details

HEX
#8E7A5C
RGB
rgb(142, 122, 92)
HSL
hsl(36, 21%, 46%)
CMYK
cmyk(0%, 14%, 35%, 44%)
Best text on this color #000000 (CR 5.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8e7a5c
Contrast 5.09:1 AA
White on #8e7a5c
Contrast 4.13:1 Fail
#8e7a5c on Black
Contrast 5.09:1 AA
#8e7a5c on White
Contrast 4.13:1 Fail

Tints & Shades

#a5957d
#bbaf9d
#d2cabe
#72624a
#554937
#393125

Complement & Analogous

#5d708e
#8a8f5b
#8f615b

Triadic

#5d8e7a
#7a5d8e

Monochrome

#393125 #554937 #8e7a5c #bbaf9d #d2cabe #e8e4de

Analogous

#8f615b #b1908c #8e7a5c #a1a57c #8a8f5b #6e7249

Complementary Mix

#554937 #8e7a5c #bbaf9d #5d708e #96a2b6 #3c495c

Nearby Colors

#8e7a5b
#8e7a5d
#8e7a4c
#8e7a6c

Embed #8E7A5C swatch

Embed this swatch

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

Open image

About #8E7A5C

#8E7A5C converts to RGB(142, 122, 92) and HSL(36, 21%, 46%). 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).

#8E7A5C FAQs

What is the RGB value of #8E7A5C?
RGB: 142, 122, 92. Copy as CSS: rgb(142, 122, 92)
Is #8E7A5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8E7A5C?
Complement: #5d708e.
Does #8E7A5C have good contrast on white or black?
On white: 4.13:1 (AA (large text)). On black: 5.09:1 (AA (normal text)).