HEX Color #C50FD3 (Darkviolet)

About #C50FD3

When working with digital screens, the color #C50FD3 is rendered by mixing light. Designers often compare it to the standard color Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 15, and 211.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 7% cyan and 93% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C50FD3

RGB197, 15, 211

HSL295.7°, 86.7%, 44.3%

CMYK7%, 93%, 0%, 17%

HSV295.7°, 92.9%, 82.7%

LAB48.2, 81.7, -56.1

XYZ35.0, 16.9, 63.1

Decimal12914643

Color Harmonies

Complementary

#C50FD3 #1CD30F

Analogous

#620FD3 #D30F7E

Triadic

#D3C50F #0FD3C5

Tetradic

#D3630F #1CD30F #0F7ED3

Tints, Shades & Tones

Tints (Adding White)

#C50FD3

#CB29D7

#D144DC

#D85FE1

#DE79E6

#E594EB

#EBAFF0

#F2C9F5

#F8E4FA

#FFFFFF

Shades (Adding Black)

#C50FD3

#AF0DBB

#990BA4

#830A8C

#6D0875

#57065D

#410546

#2B032E

#150117

#000000

WCAG Contrast Accessibility

4.79:1

Text on #FFFFFF

AA

4.38:1

Text on #000000

AA Large

4.58:1

Text on #F8FAFC

AA

3.73:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C50FD3; }

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

Similar Colors

Darkviolet

#9400D3