HEX Color #D392F0 (Violet)

About #D392F0

When working with digital screens, the color #D392F0 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Violet. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 146, and 240.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 12% cyan, 39% magenta, 0% yellow, and 6% black. With a hue angle of 281.5 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 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#D392F0

RGB211, 146, 240

HSL281.5°, 75.8%, 75.7%

CMYK12%, 39%, 0%, 6%

HSV281.5°, 39.2%, 94.1%

LAB70.0, 40.7, -37.7

XYZ52.9, 40.7, 87.5

Decimal13865712

Color Harmonies

Complementary

#D392F0 #AEF091

Analogous

#A391F0 #F091DE

Triadic

#F0D391 #91F0D3

Tetradic

#F0A391 #AEF091 #91DEF0

Tints, Shades & Tones

Tints (Adding White)

#D392F0

#D79EF1

#DCAAF3

#E1B6F5

#E6C2F6

#EBCEF8

#F0DAFA

#F5E6FB

#FAF2FD

#FFFFFF

Shades (Adding Black)

#D392F0

#BB81D5

#A471BA

#8C61A0

#755185

#5D406A

#463050

#2E2035

#17101A

#000000

WCAG Contrast Accessibility

2.30:1

Text on #FFFFFF

FAIL

9.14:1

Text on #000000

AAA

2.20:1

Text on #F8FAFC

FAIL

7.77:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D392F0; }

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

Similar Colors

Violet

#EE82EE