HEX Color #E96DE2 (Violet)

About #E96DE2

When working with digital screens, the color #E96DE2 is rendered by mixing light. Its closest recognized web color is Violet. Its digital footprint relies on 233 parts red, 109 parts green, and 226 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 53% magenta, 3% yellow, and 9% black. 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#E96DE2

RGB233, 109, 226

HSL303.4°, 73.8%, 67.1%

CMYK0%, 53%, 3%, 9%

HSV303.4°, 53.2%, 91.4%

LAB64.8, 62.9, -37.9

XYZ52.8, 33.8, 75.7

Decimal15298018

Color Harmonies

Complementary

#E96DE2 #6CE873

Analogous

#B26CE8 #E86CA3

Triadic

#E1E86C #6CE1E8

Tetradic

#E8B16C #6CE873 #6CA3E8

Tints, Shades & Tones

Tints (Adding White)

#E96DE2

#EB7DE5

#ED8DE8

#F09DEB

#F2ADEE

#F5BEF2

#F7CEF5

#FADEF8

#FCEEFB

#FFFFFF

Shades (Adding Black)

#E96DE2

#CF60C8

#B554AF

#9B4896

#813C7D

#673064

#4D244B

#331832

#190C19

#000000

WCAG Contrast Accessibility

2.71:1

Text on #FFFFFF

FAIL

7.75:1

Text on #000000

AAA

2.59:1

Text on #F8FAFC

FAIL

6.59:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #E96DE2; }

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

Similar Colors

Violet

#EE82EE