HEX Color #AF2CF8 (Darkviolet)

About #AF2CF8

When working with digital screens, the color #AF2CF8 is rendered by mixing light. Its closest recognized web color is Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 44, and 248.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 29% cyan and 82% magenta inks. The HSL representation is 278.5° hue, 93.6% saturation, and 57.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#AF2CF8

RGB175, 44, 248

HSL278.5°, 93.6%, 57.3%

CMYK29%, 82%, 0%, 3%

HSV278.5°, 82.3%, 97.3%

LAB49.1, 79.5, -75.7

XYZ35.5, 17.7, 90.3

Decimal11480312

Color Harmonies

Complementary

#AF2CF8 #74F82B

Analogous

#492BF8 #F82BDA

Triadic

#F8AF2B #2BF8AE

Tetradic

#F8492B #74F82B #2BDBF8

Tints, Shades & Tones

Tints (Adding White)

#AF2CF8

#B743F8

#C05AF9

#C972FA

#D289FB

#DBA1FB

#E4B8FC

#EDD0FD

#F6E7FE

#FFFFFF

Shades (Adding Black)

#AF2CF8

#9B27DC

#8822C0

#741DA5

#611889

#4D136E

#3A0E52

#260937

#13041B

#000000

WCAG Contrast Accessibility

4.63:1

Text on #FFFFFF

AA

4.54:1

Text on #000000

AA

4.42:1

Text on #F8FAFC

AA Large

3.86:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #AF2CF8; }

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

Similar Colors

Darkviolet

#9400D3