HEX Color #C507F0 (Darkviolet)

About #C507F0

Visually, #C507F0 is defined as a vivid magenta. It is closely associated with the named CSS color Darkviolet. Its digital footprint relies on 197 parts red, 7 parts green, and 240 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 18% cyan and 97% magenta inks. With a hue angle of 288.9 degrees, it sits comfortably in the magenta spectrum.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C507F0

RGB197, 7, 240

HSL288.9°, 94.3%, 48.4%

CMYK18%, 97%, 0%, 6%

HSV288.9°, 97.1%, 94.1%

LAB49.9, 87.1, -69.8

XYZ38.8, 18.3, 83.9

Decimal12912624

Color Harmonies

Complementary

#C507F0 #32F006

Analogous

#5006F0 #F006A6

Triadic

#F0C406 #06F0C4

Tetradic

#F05006 #32F006 #06A6F0

Tints, Shades & Tones

Tints (Adding White)

#C507F0

#CB22F1

#D13EF3

#D859F5

#DE75F6

#E590F8

#EBACFA

#F2C7FB

#F8E3FD

#FFFFFF

Shades (Adding Black)

#C507F0

#AF06D5

#9905BA

#8304A0

#6D0385

#57036A

#410250

#2B0135

#15001A

#000000

WCAG Contrast Accessibility

4.50:1

Text on #FFFFFF

AA

4.66:1

Text on #000000

AA

4.30:1

Text on #F8FAFC

AA Large

3.96:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C507F0; }

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

Similar Colors

Darkviolet

#9400D3