HEX Color #C533A8 (Mediumvioletred)

About #C533A8

At its core, #C533A8 is a medium and moderate hue. 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 197, 51, and 168.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 74% magenta inks. With a hue angle of 311.9 degrees, it sits comfortably in the magenta spectrum.

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

RGB197, 51, 168

HSL311.9°, 58.9%, 48.6%

CMYK0%, 74%, 15%, 23%

HSV311.9°, 74.1%, 77.3%

LAB48.3, 67.9, -30.7

XYZ31.3, 17.1, 38.7

Decimal12923816

Color Harmonies

Complementary

#C533A8 #33C54F

Analogous

#9833C5 #C5335F

Triadic

#A8C533 #33A8C5

Tetradic

#C59833 #33C54F #335FC5

Tints, Shades & Tones

Tints (Adding White)

#C533A8

#CB49B1

#D160BB

#D877C5

#DE8DCE

#E5A4D8

#EBBBE2

#F2D1EB

#F8E8F5

#FFFFFF

Shades (Adding Black)

#C533A8

#AF2D95

#992782

#832270

#6D1C5D

#57164A

#411138

#2B0B25

#150512

#000000

WCAG Contrast Accessibility

4.76:1

Text on #FFFFFF

AA

4.41:1

Text on #000000

AA Large

4.55:1

Text on #F8FAFC

AA

3.75:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C533A8; }

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

Similar Colors

Mediumvioletred

#C71585