HEX Color #990F57 (Mediumvioletred)

About #990F57

The hex code #990F57 represents a beautifully specific shade of magenta. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 15, and 87.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 90% magenta, 43% yellow, and 40% black. The HSL representation is 328.7° hue, 82.1% saturation, and 32.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF 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#990F57

RGB153, 15, 87

HSL328.7°, 82.1%, 32.9%

CMYK0%, 90%, 43%, 40%

HSV328.7°, 90.2%, 60.0%

LAB33.6, 56.7, -4.0

XYZ15.0, 7.8, 9.7

Decimal10030935

Color Harmonies

Complementary

#990F57 #0F9851

Analogous

#960F98 #980F11

Triadic

#56980F #0F5798

Tetradic

#98960F #0F9851 #0F1298

Tints, Shades & Tones

Tints (Adding White)

#990F57

#A42969

#AF447C

#BB5F8F

#C679A1

#D194B4

#DDAFC7

#E8C9D9

#F3E4EC

#FFFFFF

Shades (Adding Black)

#990F57

#880D4D

#770B43

#660A3A

#550830

#440626

#33051D

#220313

#110109

#000000

WCAG Contrast Accessibility

8.20:1

Text on #FFFFFF

AAA

2.56:1

Text on #000000

FAIL

7.84:1

Text on #F8FAFC

AAA

2.18:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #990F57; }

.text-color { color: #990F57; }

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

Similar Colors

Mediumvioletred

#C71585