#51221C

Color Details

HEX
#51221C
RGB
rgb(81, 34, 28)
HSL
hsl(7, 49%, 21%)
CMYK
cmyk(0%, 58%, 65%, 68%)
Best text on this color #FFFFFF (CR 13.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51221c
Contrast 1.60:1 Fail
White on #51221c
Contrast 13.16:1 AAA
#51221c on Black
Contrast 1.60:1 Fail
#51221c on White
Contrast 13.16:1 AAA

Tints & Shades

#744e49
#977a77
#b9a7a4
#411b16
#311411
#200e0b

Complement & Analogous

#1b4a50
#503c1b
#501b2f

Triadic

#1b5021
#211b50

Monochrome

#200e0b #311411 #51221c #977a77 #b9a7a4 #dcd3d2

Analogous

#501b2f #855f6d #51221c #736349 #503c1b #403016

Complementary Mix

#311411 #51221c #977a77 #1b4a50 #6b898d #123034

Nearby Colors

#51221b
#51221d
#51220c
#51222c

Embed #51221C swatch

Embed this swatch

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

Open image

About #51221C

#51221C converts to RGB(81, 34, 28) and HSL(7, 49%, 21%). 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).

#51221C FAQs

What is the RGB value of #51221C?
RGB: 81, 34, 28. Copy as CSS: rgb(81, 34, 28)
Is #51221C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #51221C?
Complement: #1b4a50.
Does #51221C have good contrast on white or black?
On white: 13.16:1 (AAA (normal text)). On black: 1.60:1 (Fails AA).