#5E562C

Color Details

HEX
#5E562C
RGB
rgb(94, 86, 44)
HSL
hsl(50, 36%, 27%)
CMYK
cmyk(0%, 9%, 53%, 63%)
Best text on this color #FFFFFF (CR 7.39:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e562c
Contrast 2.84:1 Fail
White on #5e562c
Contrast 7.39:1 AAA
#5e562c on Black
Contrast 2.84:1 Fail
#5e562c on White
Contrast 7.39:1 AAA

Tints & Shades

#7e7856
#9e9a80
#bfbbab
#4b4523
#38341a
#262212

Complement & Analogous

#2c345e
#4d5e2c
#5e3d2c

Triadic

#2c5e55
#552c5e

Monochrome

#262212 #38341a #5e562c #9e9a80 #bfbbab #dfddd5

Analogous

#5e3d2c #8e776b #5e562c #717e56 #4d5e2c #3e4b23

Complementary Mix

#38341a #5e562c #9e9a80 #2c345e #767b96 #1d223d

Nearby Colors

#5e562b
#5e562d
#5e561c
#5e563c

Embed #5E562C swatch

Embed this swatch

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

Open image

About #5E562C

#5E562C converts to RGB(94, 86, 44) and HSL(50, 36%, 27%). 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).

#5E562C FAQs

What is the RGB value of #5E562C?
RGB: 94, 86, 44. Copy as CSS: rgb(94, 86, 44)
Is #5E562C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E562C?
Complement: #2c345e.
Does #5E562C have good contrast on white or black?
On white: 7.39:1 (AAA (normal text)). On black: 2.84:1 (Fails AA).