Dark Violet#9400D3

Dark Violet Hex Code: #9400D3

Dark Violet is a medium, vivid purple. Its OKLCH lightness is 51% and chroma 0.261. Text on this color reads best in white (contrast 6.56:1).

HEX	`#9400D3`
RGB	`rgb(148, 0, 211)`
HSL	`hsl(282, 100%, 41%)`
HSV / HSB	`hsv(282, 100%, 83%)`
CMYK	`cmyk(30%, 100%, 0%, 17%)`
OKLCH	`oklch(51.5% 0.261 309.8)`

Open in converter →

Contrast

White text6.56:1

AAAA largeAAA

Black text3.20:1

AAAA largeAAA

On white6.56:1

AAAA largeAAA

On black3.20:1

AAAA largeAAA

Tints

#9E17D7#A72EDB#B145DF#BB5CE3#C473E7#CE8AEB#D7A1EF#E1B8F3#EBCFF7#F4E5FBLavender

Shades

#8700C0#7900AD#6C009A#5F0087#510074#440061#37004E#29003B#1C0028#0F0015

Matching colors

Complementary

#9400D3Dark Violet#3FD300

Analogous

#9400D3Dark Violet#2A00D3#D300A9

Triadic

#9400D3Dark Violet#D39400#00D394

Split complementary

#9400D3Dark Violet#A9D300#00D32ALime Green

Similar named colors

Dark Orchid#9932CCBlue Violet#8A2BE2Violet Purple#8000FFDark Magenta#8B008BRoyal Purple#7851A9Rebecca Purple#663399Slate Blue#6A5ACDMedium Orchid#BA55D3

All color names →

Code

CSS	`color: #9400D3;`
Tailwind	`bg-[#9400d3]`
SwiftUI	`Color(red: 0.58, green: 0, blue: 0.827)`
Android	`Color.parseColor("#9400D3")`
Flutter	`Color(0xFF9400D3)`

Dark Violet is a CSS named color (darkviolet); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for dark violet?

Dark Violet is #9400D3 in hex and rgb(148, 0, 211) in RGB.

What is dark violet in CMYK?

With the plain conversion formula it is cmyk(30, 100, 0, 17). For print, convert with your printer's ICC profile instead.

What text color works on dark violet?

White text has the higher contrast at 6.56:1, which passes WCAG AA for normal text (4.5:1).