Codes & values
- Color Name
Dark Violet - Color ID
KDF-C-09699539 - HEX
#9400D3 - RGB
rgb(148, 0, 211) - RGBA
rgba(148, 0, 211, 1) - HSL
hsl(282, 100%, 41%) - HSLA
hsla(282, 100%, 41%, 1) - HSV / HSB
hsv(282, 100%, 83%) - CMYK
cmyk(30%, 100%, 0%, 17%) - Light / Dark
mid
Quick answers
- What is the HEX code for Dark Violet?
- #9400D3
- What is Dark Violet RGB?
- rgb(148, 0, 211)
- What is Dark Violet HSL?
- hsl(282, 100%, 41%)
- What is Dark Violet CMYK?
- cmyk(30%, 100%, 0%, 17%)
What is Dark Violet?
Dark Violet is a curated purple family color at #9400D3. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Dark Violet HEX code
The HEX code for Dark Violet is #9400D3. Paste it into CSS as color: #9400D3; or background-color: #9400D3;. Design tools accept the same six-digit value without the # prefix (9400d3).
Dark Violet RGB
Dark Violet in RGB is rgb(148, 0, 211) (channels R 148, G 0, B 211). Use RGB when you need opacity via rgba(148, 0, 211, 1).
Dark Violet HSL & HSV
HSL is hsl(282, 100%, 41%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(282, 100%, 83%), closer to how many digital pickers expose hue, saturation, and brightness.
Dark Violet CMYK
Approximate CMYK for Dark Violet is cmyk(30%, 100%, 0%, 17%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Dark Violet
Darker shades (mixed toward black): #7B00B0, #63008D, #4A006A, #310046, #190023. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Dark Violet
Lighter tints (mixed toward white): #A62BDA, #B855E2, #CA80E9, #DBAAF0, #EDD5F8. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Dark Violet
Complementary pairing: #9400D3, #3FD300. Analogous neighbors: #2A00D3, #9400D3, #D300A8. Triadic accents: #9400D3, #D39400, #00D394. Always check text contrast when pairing.
Dark Violet color combinations
A practical combo: primary #9400D3, complementary accent #3FD300, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #9400D3, #A8D300, #00D32B.
Dark Violet in web design
Purple suggests creativity and premium products. Soft lavenders work for wellness; deep indigo suits tech and nightlife branding.
Dark Violet in branding
Purple brands stand out in crowded app stores; use sparingly as primary or as a signature accent. Contrast vs white is 6.56:1 (passes WCAG AA for normal text); vs black 3.20:1.
Dark Violet as a neon accent
Dark Violet reads neon/electric. Prefer dark backgrounds, use sparingly for logos and nightlife creatives, and verify contrast for any overlaid text.
Frequently asked questions
- What is the HEX code for Dark Violet?
- Dark Violet: #9400D3.
- What is Dark Violet RGB?
- Dark Violet: rgb(148, 0, 211).
- What is Dark Violet HSL?
- Dark Violet: hsl(282, 100%, 41%).
- What is Dark Violet CMYK?
- Dark Violet: cmyk(30%, 100%, 0%, 17%).
- What colors go with Dark Violet?
- Try complementary #9400D3, #3FD300 or analogous #2A00D3, #9400D3, #D300A8.
- Is Dark Violet good for text on white?
- Yes — contrast 6.56:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 6.56:1 (AA body text pass). Contrast vs black: 3.20:1. Complementary swatch: #9400D3, #3FD300.
Explore related
Purple colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK