HEX Color #AF0050 (Mediumvioletred)

About #AF0050

The precise color #AF0050 is an excellent choice for modern design projects. Its closest recognized web color is Mediumvioletred. In the RGB color space, it consists of 175 red, 0 green, and 80 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 100% Magenta, 54% Yellow, and 31% Black. With a hue angle of 332.6 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AF0050

RGB175, 0, 80

HSL332.6°, 100.0%, 34.3%

CMYK0%, 100%, 54%, 31%

HSV332.6°, 100.0%, 68.6%

LAB37.3, 63.3, 6.6

XYZ19.1, 9.7, 8.5

Decimal11468880

Color Harmonies

Complementary

#AF0050 #00AF5E

Analogous

#AF00A7 #AF0700

Triadic

#50AF00 #0050AF

Tetradic

#A7AF00 #00AF5E #0700AF

Tints, Shades & Tones

Tints (Adding White)

#AF0050

#B71C63

#C03876

#C9558A

#D2719D

#DB8DB1

#E4AAC4

#EDC6D8

#F6E2EB

#FFFFFF

Shades (Adding Black)

#AF0050

#9B0047

#88003E

#740035

#61002C

#4D0023

#3A001A

#260011

#130008

#000000

WCAG Contrast Accessibility

7.15:1

Text on #FFFFFF

AAA

2.94:1

Text on #000000

FAIL

6.83:1

Text on #F8FAFC

AA

2.50:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF0050; }

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

Similar Colors

Mediumvioletred

#C71585