HEX Color #E249A8 (Mediumvioletred)

About #E249A8

The precise color #E249A8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 73, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 68% Magenta, 26% Yellow, and 11% Black. The HSL representation is 322.7° hue, 72.5% saturation, and 58.6% lightness.

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#E249A8

RGB226, 73, 168

HSL322.7°, 72.5%, 58.6%

CMYK0%, 68%, 26%, 11%

HSV322.7°, 67.7%, 88.6%

LAB55.8, 67.5, -18.7

XYZ40.8, 23.8, 39.5

Decimal14829992

Color Harmonies

Complementary

#E249A8 #49E183

Analogous

#CF49E1 #E1495B

Triadic

#A7E149 #49A7E1

Tetradic

#E1CF49 #49E183 #495BE1

Tints, Shades & Tones

Tints (Adding White)

#E249A8

#E55DB1

#E871BB

#EB85C5

#EE99CE

#F2AED8

#F5C2E2

#F8D6EB

#FBEAF5

#FFFFFF

Shades (Adding Black)

#E249A8

#C84095

#AF3882

#963070

#7D285D

#64204A

#4B1838

#321025

#190812

#000000

WCAG Contrast Accessibility

3.65:1

Text on #FFFFFF

AA Large

5.75:1

Text on #000000

AA

3.49:1

Text on #F8FAFC

AA Large

4.89:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #E249A8; }

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

Similar Colors

Mediumvioletred

#C71585