HEX Color #C5336D (Mediumvioletred)

About #C5336D

The hex code #C5336D represents a beautifully specific shade of magenta. Designers often compare it to the standard color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 51, and 109.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 74% magenta inks. The HSL representation is 336.2° hue, 58.9% saturation, and 48.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C5336D

RGB197, 51, 109

HSL336.2°, 58.9%, 48.6%

CMYK0%, 74%, 45%, 23%

HSV336.2°, 74.1%, 77.3%

LAB46.1, 60.9, 1.5

XYZ27.0, 15.3, 16.0

Decimal12923757

Color Harmonies

Complementary

#C5336D #33C58B

Analogous

#C533B6 #C54233

Triadic

#6CC533 #336CC5

Tetradic

#B6C533 #33C58B #4133C5

Tints, Shades & Tones

Tints (Adding White)

#C5336D

#CB497D

#D1608D

#D8779D

#DE8DAD

#E5A4BE

#EBBBCE

#F2D1DE

#F8E8EE

#FFFFFF

Shades (Adding Black)

#C5336D

#AF2D60

#992754

#832248

#6D1C3C

#571630

#411124

#2B0B18

#15050C

#000000

WCAG Contrast Accessibility

5.16:1

Text on #FFFFFF

AA

4.07:1

Text on #000000

AA Large

4.93:1

Text on #F8FAFC

AA

3.46:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C5336D; }

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

Similar Colors

Mediumvioletred

#C71585