HEX Color #AF0057 (Mediumvioletred)

About #AF0057

The precise color #AF0057 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 175, 0, and 87.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 100% M, 50% Y, and 31% K. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AF0057

RGB175, 0, 87

HSL330.2°, 100.0%, 34.3%

CMYK0%, 100%, 50%, 31%

HSV330.2°, 100.0%, 68.6%

LAB37.5, 63.9, 2.3

XYZ19.4, 9.8, 9.9

Decimal11468887

Color Harmonies

Complementary

#AF0057 #00AF58

Analogous

#AF00AE #AF0000

Triadic

#57AF00 #0057AF

Tetradic

#AEAF00 #00AF58 #0000AF

Tints, Shades & Tones

Tints (Adding White)

#AF0057

#B71C69

#C0387C

#C9558F

#D271A1

#DB8DB4

#E4AAC7

#EDC6D9

#F6E2EC

#FFFFFF

Shades (Adding Black)

#AF0057

#9B004D

#880043

#74003A

#610030

#4D0026

#3A001D

#260013

#130009

#000000

WCAG Contrast Accessibility

7.09:1

Text on #FFFFFF

AAA

2.96:1

Text on #000000

FAIL

6.78:1

Text on #F8FAFC

AA

2.52:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF0057; }

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

Similar Colors

Mediumvioletred

#C71585