#542C20

Color Details

HEX
#542C20
RGB
rgb(84, 44, 32)
HSL
hsl(14, 45%, 23%)
CMYK
cmyk(0%, 48%, 62%, 67%)
Best text on this color #FFFFFF (CR 11.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #542c20
Contrast 1.76:1 Fail
White on #542c20
Contrast 11.94:1 AAA
#542c20 on Black
Contrast 1.76:1 Fail
#542c20 on White
Contrast 11.94:1 AAA

Tints & Shades

#76564d
#988079
#bbaba6
#43231a
#321a13
#22120d

Complement & Analogous

#204955
#554720
#55202e

Triadic

#20552d
#2d2055

Monochrome

#22120d #321a13 #542c20 #988079 #bbaba6 #ddd5d2

Analogous

#55202e #88636d #542c20 #776c4d #554720 #44391a

Complementary Mix

#321a13 #542c20 #988079 #204955 #6e8991 #152f37

Nearby Colors

#542c1f
#542c21
#542c10
#542c30

Embed #542C20 swatch

Embed this swatch

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

Open image

About #542C20

#542C20 converts to RGB(84, 44, 32) and HSL(14, 45%, 23%). 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).

#542C20 FAQs

What is the RGB value of #542C20?
RGB: 84, 44, 32. Copy as CSS: rgb(84, 44, 32)
Is #542C20 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #542C20?
Complement: #204955.
Does #542C20 have good contrast on white or black?
On white: 11.94:1 (AAA (normal text)). On black: 1.76:1 (Fails AA).