HEX Color #AF2C6D (Mediumvioletred)

About #AF2C6D

Visually, #AF2C6D is defined as a moderate magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. This translates to an RGB value of rgb(175, 44, 109).

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 75% Magenta, 38% Yellow, and 31% Black. With a hue angle of 330.2 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AF2C6D

RGB175, 44, 109

HSL330.2°, 59.8%, 42.9%

CMYK0%, 75%, 38%, 31%

HSV330.2°, 74.9%, 68.6%

LAB41.2, 57.1, -6.1

XYZ21.3, 12.0, 15.7

Decimal11480173

Color Harmonies

Complementary

#AF2C6D #2CAF6E

Analogous

#AF2CAE #AF2C2C

Triadic

#6CAF2C #2C6CAF

Tetradic

#AEAF2C #2CAF6E #2C2CAF

Tints, Shades & Tones

Tints (Adding White)

#AF2C6D

#B7437D

#C05A8D

#C9729D

#D289AD

#DBA1BE

#E4B8CE

#EDD0DE

#F6E7EE

#FFFFFF

Shades (Adding Black)

#AF2C6D

#9B2760

#882254

#741D48

#61183C

#4D1330

#3A0E24

#260918

#13040C

#000000

WCAG Contrast Accessibility

6.17:1

Text on #FFFFFF

AA

3.40:1

Text on #000000

AA Large

5.90:1

Text on #F8FAFC

AA

2.89:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF2C6D; }

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

Similar Colors

Mediumvioletred

#C71585