HEX Color #C507F8 (Darkviolet)

About #C507F8

Visually, #C507F8 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Darkviolet. Its digital footprint relies on 197 parts red, 7 parts green, and 248 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 21% cyan and 97% magenta inks. With a hue angle of 287.3 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 #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C507F8

RGB197, 7, 248

HSL287.3°, 94.5%, 50.0%

CMYK21%, 97%, 0%, 3%

HSV287.3°, 97.2%, 97.3%

LAB50.5, 88.4, -73.4

XYZ40.0, 18.8, 90.3

Decimal12912632

Color Harmonies

Complementary

#C507F8 #3AF707

Analogous

#4C07F7 #F707B2

Triadic

#F7C407 #07F7C4

Tetradic

#F74C07 #3AF707 #07B2F7

Tints, Shades & Tones

Tints (Adding White)

#C507F8

#CB22F8

#D13EF9

#D859FA

#DE75FB

#E590FB

#EBACFC

#F2C7FD

#F8E3FE

#FFFFFF

Shades (Adding Black)

#C507F8

#AF06DC

#9905C0

#8304A5

#6D0389

#57036E

#410252

#2B0137

#15001B

#000000

WCAG Contrast Accessibility

4.41:1

Text on #FFFFFF

AA Large

4.76:1

Text on #000000

AA

4.22:1

Text on #F8FAFC

AA Large

4.05:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C507F8; }

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

Similar Colors

Darkviolet

#9400D3