HEX Color #C5246D (Mediumvioletred)

About #C5246D

The precise color #C5246D is an excellent choice for modern design projects. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 36, and 109.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 82% magenta, 45% yellow, and 23% black. With a hue angle of 332.8 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#C5246D

RGB197, 36, 109

HSL332.8°, 69.1%, 45.7%

CMYK0%, 82%, 45%, 23%

HSV332.8°, 81.7%, 77.3%

LAB44.6, 65.2, -0.7

XYZ26.4, 14.2, 15.8

Decimal12919917

Color Harmonies

Complementary

#C5246D #24C47B

Analogous

#C424BD #C42B24

Triadic

#6CC424 #246DC4

Tetradic

#BDC424 #24C47B #2B24C4

Tints, Shades & Tones

Tints (Adding White)

#C5246D

#CB3C7D

#D1548D

#D86D9D

#DE85AD

#E59DBE

#EBB6CE

#F2CEDE

#F8E6EE

#FFFFFF

Shades (Adding Black)

#C5246D

#AF2060

#991C54

#831848

#6D143C

#571030

#410C24

#2B0818

#15040C

#000000

WCAG Contrast Accessibility

5.46:1

Text on #FFFFFF

AA

3.85:1

Text on #000000

AA Large

5.22:1

Text on #F8FAFC

AA

3.27:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C5246D; }

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

Similar Colors

Mediumvioletred

#C71585