HEX Color #E23AAF (Mediumvioletred)

About #E23AAF

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

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 74% magenta, 23% yellow, and 11% black. The HSL representation is 318.2° hue, 74.3% saturation, and 55.7% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E23AAF

RGB226, 58, 175

HSL318.2°, 74.3%, 55.7%

CMYK0%, 74%, 23%, 11%

HSV318.2°, 74.3%, 88.6%

LAB54.3, 73.4, -25.2

XYZ40.6, 22.3, 42.7

Decimal14826159

Color Harmonies

Complementary

#E23AAF #39E26D

Analogous

#C139E2 #E2395A

Triadic

#AEE239 #39AEE2

Tetradic

#E2C139 #39E26D #395AE2

Tints, Shades & Tones

Tints (Adding White)

#E23AAF

#E54FB7

#E865C0

#EB7BC9

#EE91D2

#F2A7DB

#F5BDE4

#F8D3ED

#FBE9F6

#FFFFFF

Shades (Adding Black)

#E23AAF

#C8339B

#AF2D88

#962674

#7D2061

#64194D

#4B133A

#320C26

#190613

#000000

WCAG Contrast Accessibility

3.85:1

Text on #FFFFFF

AA Large

5.46:1

Text on #000000

AA

3.68:1

Text on #F8FAFC

AA Large

4.64:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #E23AAF; }

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

Similar Colors

Mediumvioletred

#C71585