#8A542C

Color Details

HEX
#8A542C
RGB
rgb(138, 84, 44)
HSL
hsl(26, 52%, 36%)
CMYK
cmyk(0%, 39%, 68%, 46%)
Best text on this color #FFFFFF (CR 6.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8a542c
Contrast 3.39:1 Fail
White on #8a542c
Contrast 6.20:1 AA
#8a542c on Black
Contrast 3.39:1 Fail
#8a542c on White
Contrast 6.20:1 AA

Tints & Shades

#a17656
#b99880
#d0bbab
#6e4323
#53321a
#372212

Complement & Analogous

#2c628c
#8c852c
#8c2c32

Triadic

#2c8c55
#552c8c

Monochrome

#372212 #53321a #8a542c #b99880 #d0bbab #e8ddd5

Analogous

#8c2c32 #af6b70 #8a542c #a39d56 #8c852c #706a23

Complementary Mix

#53321a #8a542c #b99880 #2c628c #7699b4 #1d405b

Nearby Colors

#8a542b
#8a542d
#8a541c
#8a543c

Embed #8A542C swatch

Embed this swatch

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

Open image

About #8A542C

#8A542C converts to RGB(138, 84, 44) and HSL(26, 52%, 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).

#8A542C FAQs

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