HEX Color #420716 (Black)

About #420716

When working with digital screens, the color #420716 is rendered by mixing light. Designers often compare it to the standard color Black. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 7, and 22.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 89% Magenta, 67% Yellow, and 74% Black. The HSL representation is 344.7° hue, 80.8% saturation, and 14.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#420716

RGB66, 7, 22

HSL344.7°, 80.8%, 14.3%

CMYK0%, 89%, 67%, 74%

HSV344.7°, 89.4%, 25.9%

LAB11.7, 28.5, 7.5

XYZ2.5, 1.4, 0.9

Decimal4327190

Color Harmonies

Complementary

#420716 #074233

Analogous

#420733 #421507

Triadic

#164207 #071542

Tetradic

#334207 #074233 #150742

Tints, Shades & Tones

Tints (Adding White)

#420716

#57222F

#6C3E49

#815963

#96757D

#AB9097

#C0ACB1

#D5C7CB

#EAE3E5

#FFFFFF

Shades (Adding Black)

#420716

#3A0613

#330511

#2C040E

#24030C

#1D0309

#160207

#0E0104

#070002

#000000

WCAG Contrast Accessibility

16.49:1

Text on #FFFFFF

AAA

1.27:1

Text on #000000

FAIL

15.76:1

Text on #F8FAFC

AAA

1.08:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #420716; }

.text-color { color: #420716; }

.border-color { border: 2px solid #420716; }

Similar Colors

Black

#000000