Coloried

Dark Violet

Dark Violet color is a vivid shade of violet. Its hex code is #9400D3 and rgb code is rgb(148, 0, 211), Its CMYK value is cmyk(30%, 100%, 0%, 17%), and Its HSL value is hsl(282, 100%, 41%). Against white, its contrast ratio of 6.56:1, while against black, the contrast ratio is 3.20:1. Complementary color is #3FD100 and closest tailwind color is purple-700. This color goes well with #FF6BE1, #896BFF, #EAB8FF, #D7FF38, and #38FF60. To get this Dark Violet color, you can mix #FF00FF and #2900A7.

Dark Violet color code
|
1. Color Conversions
HEX#9400D3
RGB148, 0, 211
HSL282°, 100%, 41%
HSV282°, 100%, 83%
CMYK30%, 100%, 0%, 17%
Web Safe#9900CC
2. Contrast Ratio
Text on #FFFFFF6.56:1
AAA LargeAAA Normal
Text on #0000003.20:1
AAA LargeFail Normal
3. Dark Violet Color Code in CSS
HEX
#9400D3
RGB
rgb(148, 0, 211)
HSL
hsl(282, 100%, 41%)
Text Color
color: #9400D3;
Background
background-color: #9400D3;
Border Color
border-color: #9400D3;
Box Shadow
box-shadow: 0 4px 14px 0 #9400D380;
SCSS
$color-dark-violet: #9400D3;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#5453A0
Deuteranopia#5D6894
Tritanopia#8D786F
Achromatopsia#444444
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive