HEX Color #E20016 (Red)

About #E20016

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

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. The HSL representation is 354.2° hue, 100.0% saturation, and 44.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#E20016

RGB226, 0, 22

HSL354.2°, 100.0%, 44.3%

CMYK0%, 100%, 90%, 11%

HSV354.2°, 100.0%, 88.6%

LAB47.3, 73.3, 54.4

XYZ31.5, 16.2, 2.2

Decimal14811158

Color Harmonies

Complementary

#E20016 #00E2CC

Analogous

#E20086 #E25B00

Triadic

#15E200 #0015E2

Tetradic

#86E200 #00E2CC #5B00E2

Tints, Shades & Tones

Tints (Adding White)

#E20016

#E51C2F

#E83849

#EB5563

#EE717D

#F28D97

#F5AAB1

#F8C6CB

#FBE2E5

#FFFFFF

Shades (Adding Black)

#E20016

#C80013

#AF0011

#96000E

#7D000C

#640009

#4B0007

#320004

#190002

#000000

WCAG Contrast Accessibility

4.95:1

Text on #FFFFFF

AA

4.25:1

Text on #000000

AA Large

4.73:1

Text on #F8FAFC

AA

3.61:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #E20016; }

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

Similar Colors

Red

#FF0000