HEX Color #AF0F7C (Mediumvioletred)

About #AF0F7C

The hex code #AF0F7C represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Mediumvioletred. In the RGB color space, it consists of 175 red, 15 green, and 124 blue.

When sending designs containing this color to a printer, the CMYK values come into play. 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. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AF0F7C

RGB175, 15, 124

HSL319.1°, 84.2%, 37.3%

CMYK0%, 91%, 29%, 31%

HSV319.1°, 91.4%, 68.6%

LAB39.4, 65.7, -18.2

XYZ21.5, 10.9, 20.0

Decimal11472764

Color Harmonies

Complementary

#AF0F7C #0FAF41

Analogous

#910FAF #AF0F2C

Triadic

#7CAF0F #0F7BAF

Tetradic

#AF910F #0FAF41 #0F2BAF

Tints, Shades & Tones

Tints (Adding White)

#AF0F7C

#B7298A

#C04499

#C95FA7

#D279B6

#DB94C4

#E4AFD3

#EDC9E1

#F6E4F0

#FFFFFF

Shades (Adding Black)

#AF0F7C

#9B0D6E

#880B60

#740A52

#610844

#4D0637

#3A0529

#26031B

#13010D

#000000

WCAG Contrast Accessibility

6.60:1

Text on #FFFFFF

AA

3.18:1

Text on #000000

AA Large

6.31:1

Text on #F8FAFC

AA

2.71:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF0F7C; }

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

Similar Colors

Mediumvioletred

#C71585