#541C20

Color Details

HEX
#541C20
RGB
rgb(84, 28, 32)
HSL
hsl(356, 50%, 22%)
CMYK
cmyk(0%, 67%, 62%, 67%)
Best text on this color #FFFFFF (CR 13.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #541c20
Contrast 1.56:1 Fail
White on #541c20
Contrast 13.43:1 AAA
#541c20 on Black
Contrast 1.56:1 Fail
#541c20 on White
Contrast 13.43:1 AAA

Tints & Shades

#76494d
#987779
#bba4a6
#43161a
#321113
#220b0d

Complement & Analogous

#1c5450
#54341c
#541c3c

Triadic

#20541c
#1c2054

Monochrome

#220b0d #321113 #541c20 #987779 #bba4a6 #ddd2d2

Analogous

#541c3c #876077 #541c20 #765d49 #54341c #432a16

Complementary Mix

#321113 #541c20 #987779 #1c5450 #6b908d #123734

Nearby Colors

#541c1f
#541c21
#541c10
#541c30

Embed #541C20 swatch

Embed this swatch

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

Open image

About #541C20

#541C20 converts to RGB(84, 28, 32) and HSL(356, 50%, 22%). 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).

#541C20 FAQs

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