HEX Color #B60083 (Mediumvioletred)

About #B60083

The hex code #B60083 represents a beautifully specific shade of magenta. Designers often compare it to the standard color Mediumvioletred. In the RGB color space, it consists of 182 red, 0 green, and 131 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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#B60083

RGB182, 0, 131

HSL316.8°, 100.0%, 35.7%

CMYK0%, 100%, 28%, 29%

HSV316.8°, 100.0%, 71.4%

LAB40.5, 69.6, -20.7

XYZ23.4, 11.6, 22.5

Decimal11927683

Color Harmonies

Complementary

#B60083 #00B633

Analogous

#8D00B6 #B60027

Triadic

#83B600 #0083B6

Tetradic

#B68D00 #00B633 #0027B6

Tints, Shades & Tones

Tints (Adding White)

#B60083

#BE1C90

#C6389E

#CE55AC

#D671BA

#DE8DC7

#E6AAD5

#EEC6E3

#F6E2F1

#FFFFFF

Shades (Adding Black)

#B60083

#A10074

#8D0065

#790057

#650048

#50003A

#3C002B

#28001D

#14000E

#000000

WCAG Contrast Accessibility

6.33:1

Text on #FFFFFF

AA

3.32:1

Text on #000000

AA Large

6.05:1

Text on #F8FAFC

AA

2.82:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B60083; }

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

Similar Colors

Mediumvioletred

#C71585