Home
Colors
Purples
Dark Violet Color

#9400d3

Dark Violet Color

Purples

A vivid, highly saturated medium purple.

Nearest Tailwind class purple-700 #8200db · ΔE 3.2

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#9400d3

RGB

rgb(148, 0, 211)

HSL

hsl(282.1, 100%, 41.4%)

HSV / HSB

hsv(282.1, 100%, 82.7%)

CMYK

cmyk(29.9%, 100%, 0%, 17.3%)

LAB

lab(39.58, 76.32, -70.37)

LCH

lch(39.58, 103.81, 317.32)

OKLCH

oklch(51.5%, 0.2606, 309.82)

HWB

hwb(282.1, 0%, 17.3%)

Harmony colors

Complementary

#3fd300

Analogous

#2b00d3

#9400d3

#d300a9

Triadic

#9400d3

#d39400

#00d394

Split-complementary

#9400d3

#a9d300

#00d32b

Tetradic

#9400d3

#d3003f

#3fd300

#00d394

Square

#9400d3

#d32b00

#3fd300

#00a9d3

Shades

Dark Violet Color mixed toward black.

#7b00b0

#63008d

#4a006a

#310046

#190023

Tints

Dark Violet Color mixed toward white.

#b506ff

#c438ff

#d26aff

#e19bff

#f0cdff

Tones

Dark Violet Color mixed toward gray.

#8d12c2

#8623b0

#7f359e

#78468d

#71587b

Accessibility

Aa White text on this color

6.56:1

Aa Black text on this color

3.2:1

White text reads better on this background (6.56:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#7271ba · ΔE 21.2

Deuteranopia

#777eb4 · ΔE 25.7

Tritanopia

#91a49e · ΔE 40.7

Achromatopsia

#5d5d5d · ΔE 31.1

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #9400d3;

Tailwind (arbitrary value)

bg-[#9400d3]

Related colors

Dark Orchid #9932cc

Medium Orchid #ba55d3

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Dark Magenta #8b008b

Frequently asked questions

Dark Violet (#9400d3) is rgb(148, 0, 211) in RGB.

No, #9400d3 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #9400d3, or check how it holds up for accessibility.

Generate a palette → Check contrast