Dark Violet #9400D3

About this color

#9400D3 is a medium-dark, vivid purple. In OKLCH its lightness is 51%, its chroma 0.261 and its hue 310°. Its hue sits between the warm and cool halves of the wheel. It is the named color Dark Violet. White text reads best on it, at 6.56:1.

Colors that go with Dark Violet

Matches found by rotating Dark Violet around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Dark Violet

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dark Violet, closest first.

No curated palette has a color within ΔE 0.06 of Dark Violet yet.

Similar named colors

The eight named colors closest to Dark Violet, with their ΔE distance.

• Dark Orchid #9932CC ΔE 0.043
• Blue Violet #8A2BE2 ΔE 0.043
• Vibrant Purple #AD03DE ΔE 0.053
• Vivid Purple #9900FA ΔE 0.061
• Bright Violet #AD0AFD ΔE 0.079
• Grape #7209B7 ΔE 0.079
• Purply #983FB2 ΔE 0.083
• Electric Purple #AA23FF ΔE 0.083

More about Dark Violet

• Shades of purple
• What purple means

How to make Dark Violet

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 3 parts purple
• 1 part white

Recipe result: #833EA5, a difference of ΔE 0.096 from Dark Violet. Dark Violet is more vivid than these paints can mix, so start from a ready-made purple paint and adjust it.

What colors make purple? | Color mixing chart

Codes for Dark Violet in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Dark Violet

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 700.

1. Step 50

   50

   #F9F3FE

   oklch(97.2% 0.016 310.1)

2. Step 100

   100

   #F1E4FD

   oklch(93.7% 0.036 308.9)

3. Step 200

   200

   #E7CDFD

   oklch(88.5% 0.07 309.3)

4. Step 300

   300

   #D9A9FE

   oklch(80.8% 0.127 309.6)

5. Step 400

   400

   #C676FD

   oklch(70.7% 0.201 309.6)

6. Step 500

   500

   #B845FA

   oklch(63% 0.258 309.9)

7. Step 600

   600

   #A403E9

   oklch(55.6% 0.28 309.8)

8. Step 700

   700 (this color)

   #9400D3

   oklch(51.5% 0.261 309.8)

9. Step 800

   800

   #7201A4

   oklch(42.7% 0.216 309.7)

10. Step 900

    900

    #5C1682

    oklch(37.7% 0.168 309.7)

11. Step 950

    950

    #36104C

    oklch(26.9% 0.107 310)

Export this scale for Tailwind in the Tailwind colors tool

Dark Violet with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.