HEX Color #C50083 (Mediumvioletred)

About #C50083

At its core, #C50083 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Mediumvioletred. In the RGB color space, it consists of 197 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. The HSL representation is 320.1° hue, 100.0% saturation, and 38.6% lightness.

When using this color as a background, text legibility must be considered. 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#C50083

RGB197, 0, 131

HSL320.1°, 100.0%, 38.6%

CMYK0%, 100%, 34%, 23%

HSV320.1°, 100.0%, 77.3%

LAB43.5, 72.6, -15.9

XYZ27.1, 13.5, 22.7

Decimal12910723

Color Harmonies

Complementary

#C50083 #00C542

Analogous

#A400C5 #C50020

Triadic

#82C500 #0082C5

Tetradic

#C5A400 #00C542 #0020C5

Tints, Shades & Tones

Tints (Adding White)

#C50083

#CB1C90

#D1389E

#D855AC

#DE71BA

#E58DC7

#EBAAD5

#F2C6E3

#F8E2F1

#FFFFFF

Shades (Adding Black)

#C50083

#AF0074

#990065

#830057

#6D0048

#57003A

#41002B

#2B001D

#15000E

#000000

WCAG Contrast Accessibility

5.67:1

Text on #FFFFFF

AA

3.70:1

Text on #000000

AA Large

5.42:1

Text on #F8FAFC

AA

3.15:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C50083; }

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

Similar Colors

Mediumvioletred

#C71585