HEX Color #E916E2 (Fuchsia)

About #E916E2

The precise color #E916E2 is an excellent choice for modern design projects. It is closely associated with the named CSS color Fuchsia. To achieve this exact tint on a monitor, you would use an RGB mix of 233, 22, and 226.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 91% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#E916E2

RGB233, 22, 226

HSL302.0°, 82.7%, 50.0%

CMYK0%, 91%, 3%, 9%

HSV302.0°, 90.6%, 91.4%

LAB55.5, 89.1, -52.6

XYZ47.6, 23.4, 74.0

Decimal15275746

Color Harmonies

Complementary

#E916E2 #16E91D

Analogous

#8616E9 #E91678

Triadic

#E2E916 #16E2E9

Tetradic

#E98616 #16E91D #1678E9

Tints, Shades & Tones

Tints (Adding White)

#E916E2

#EB2FE5

#ED49E8

#F063EB

#F27DEE

#F597F2

#F7B1F5

#FACBF8

#FCE5FB

#FFFFFF

Shades (Adding Black)

#E916E2

#CF13C8

#B511AF

#9B0E96

#810C7D

#670964

#4D074B

#330432

#190219

#000000

WCAG Contrast Accessibility

3.70:1

Text on #FFFFFF

AA Large

5.68:1

Text on #000000

AA

3.54:1

Text on #F8FAFC

AA Large

4.83:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #E916E2; }

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

Similar Colors

Fuchsia

#FF00FF