HEX Color #D38AE9 (Violet)

About #D38AE9

The precise color #D38AE9 is an excellent choice for modern design projects. 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, 138, and 233.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 9% C, 41% M, 0% Y, and 9% K. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. 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#D38AE9

RGB211, 138, 233

HSL286.1°, 68.3%, 72.7%

CMYK9%, 41%, 0%, 9%

HSV286.1°, 40.8%, 91.4%

LAB68.0, 43.5, -37.0

XYZ50.7, 37.9, 81.7

Decimal13863657

Color Harmonies

Complementary

#D38AE9 #9FE889

Analogous

#A389E8 #E889CF

Triadic

#E8D389 #89E8D3

Tetradic

#E8A389 #9FE889 #89CFE8

Tints, Shades & Tones

Tints (Adding White)

#D38AE9

#D797EB

#DCA4ED

#E1B1F0

#E6BEF2

#EBCBF5

#F0D8F7

#F5E5FA

#FAF2FC

#FFFFFF

Shades (Adding Black)

#D38AE9

#BB7ACF

#A46BB5

#8C5C9B

#754C81

#5D3D67

#462E4D

#2E1E33

#170F19

#000000

WCAG Contrast Accessibility

2.45:1

Text on #FFFFFF

FAIL

8.58:1

Text on #000000

AAA

2.34:1

Text on #F8FAFC

FAIL

7.30:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D38AE9; }

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

Similar Colors

Violet

#EE82EE