HEX Color #C524A0 (Mediumvioletred)

About #C524A0

The precise color #C524A0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumvioletred. In the RGB color space, it consists of 197 red, 36 green, and 160 blue.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 82% magenta, 19% yellow, and 23% black. The HSL representation is 313.8° hue, 69.1% saturation, and 45.7% lightness.

When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C524A0

RGB197, 36, 160

HSL313.8°, 69.1%, 45.7%

CMYK0%, 82%, 19%, 23%

HSV313.8°, 81.7%, 77.3%

LAB46.5, 70.9, -28.8

XYZ30.0, 15.7, 34.7

Decimal12919968

Color Harmonies

Complementary

#C524A0 #24C449

Analogous

#9924C4 #C4244F

Triadic

#9FC424 #249FC4

Tetradic

#C49924 #24C449 #244FC4

Tints, Shades & Tones

Tints (Adding White)

#C524A0

#CB3CAA

#D154B5

#D86DBF

#DE85CA

#E59DD4

#EBB6DF

#F2CEE9

#F8E6F4

#FFFFFF

Shades (Adding Black)

#C524A0

#AF208E

#991C7C

#83186A

#6D1458

#571047

#410C35

#2B0823

#150411

#000000

WCAG Contrast Accessibility

5.08:1

Text on #FFFFFF

AA

4.13:1

Text on #000000

AA Large

4.86:1

Text on #F8FAFC

AA

3.51:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C524A0; }

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

Similar Colors

Mediumvioletred

#C71585