#8E442C

Color Details

HEX
#8E442C
RGB
rgb(142, 68, 44)
HSL
hsl(15, 53%, 36%)
CMYK
cmyk(0%, 52%, 69%, 44%)
Best text on this color #FFFFFF (CR 6.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8e442c
Contrast 3.01:1 Fail
White on #8e442c
Contrast 6.97:1 AA
#8e442c on Black
Contrast 3.01:1 Fail
#8e442c on White
Contrast 6.97:1 AA

Tints & Shades

#a56956
#bb8f80
#d2b4ab
#723623
#55291a
#391b12

Complement & Analogous

#2b748c
#8c742b
#8c2b43

Triadic

#2b8c43
#432b8c

Monochrome

#391b12 #55291a #8e442c #bb8f80 #d2b4ab #e8dad5

Analogous

#8c2b43 #af6b7b #8e442c #a39055 #8c742b #705d22

Complementary Mix

#55291a #8e442c #bb8f80 #2b748c #75a5b4 #1c4b5b

Nearby Colors

#8e442b
#8e442d
#8e441c
#8e443c

Embed #8E442C swatch

Embed this swatch

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

Open image

About #8E442C

#8E442C converts to RGB(142, 68, 44) and HSL(15, 53%, 36%). 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).

#8E442C FAQs

What is the RGB value of #8E442C?
RGB: 142, 68, 44. Copy as CSS: rgb(142, 68, 44)
Is #8E442C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8E442C?
Complement: #2b748c.
Does #8E442C have good contrast on white or black?
On white: 6.97:1 (AA (normal text)). On black: 3.01:1 (AA (large text)).