HEX Color #E21642 (Crimson)

About #E21642

When working with digital screens, the color #E21642 is rendered by mixing light. Its closest recognized web color is Crimson. In the RGB color space, it consists of 226 red, 22 green, and 66 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 90% magenta, 71% yellow, and 11% black. The HSL representation is 347.1° hue, 82.3% saturation, and 48.6% 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#E21642

RGB226, 22, 66

HSL347.1°, 82.3%, 48.6%

CMYK0%, 90%, 71%, 11%

HSV347.1°, 90.3%, 88.6%

LAB48.4, 72.4, 32.0

XYZ32.6, 17.1, 6.7

Decimal14816834

Color Harmonies

Complementary

#E21642 #16E2B5

Analogous

#E216A7 #E25016

Triadic

#41E216 #1642E2

Tetradic

#A7E216 #16E2B5 #4F16E2

Tints, Shades & Tones

Tints (Adding White)

#E21642

#E52F57

#E8496C

#EB6381

#EE7D96

#F297AB

#F5B1C0

#F8CBD5

#FBE5EA

#FFFFFF

Shades (Adding Black)

#E21642

#C8133A

#AF1133

#960E2C

#7D0C24

#64091D

#4B0716

#32040E

#190207

#000000

WCAG Contrast Accessibility

4.74:1

Text on #FFFFFF

AA

4.43:1

Text on #000000

AA Large

4.53:1

Text on #F8FAFC

AA

3.76:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #E21642; }

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

Similar Colors

Crimson

#DC143C