Palette · 3 colors · Lc 8.6
Pure Vicious Violet Studio palette
Pure Vicious Violet Studio: a 3-color palette (Pink, Dark Mode UI, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #0B050D, #8D5AA3, #EFE7F4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 3 Colors
bg
#0B050D
accent
#8D5AA3
text
#EFE7F4
Colors in Pure Vicious Violet Studio: HEX, RGB, HSL & OKLCH
- #0B050D color page →
bg
#0B050D
- RGB
- rgb(11 5 13)
- HSL
- hsl(285 44% 4%)
- OKLCH
- oklch(0.13 0.023 318.6)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
- #8D5AA3 color page →
accent
#8D5AA3
- RGB
- rgb(141 90 163)
- HSL
- hsl(282 29% 50%)
- OKLCH
- oklch(0.553 0.123 315.1)
WCAG contrast: on white 5.09:1 (AA) · on black 4.12:1 (Fail)
- #EFE7F4 color page →
text
#EFE7F4
- RGB
- rgb(239 231 244)
- HSL
- hsl(277 37% 93%)
- OKLCH
- oklch(0.938 0.019 312.8)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.40:1 (AAA)
Export Pure Vicious Violet Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b050d;
--accent: #8d5aa3;
--text: #efe7f4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b050d;
--color-accent: #8d5aa3;
--color-text: #efe7f4;
}JSON (DTCG tokens)
{
"pure-vicious-violet-studio-2m5": {
"bg": {
"$type": "color",
"$value": "#0b050d"
},
"accent": {
"$type": "color",
"$value": "#8d5aa3"
},
"text": {
"$type": "color",
"$value": "#efe7f4"
}
}
}About this palette
Pure Vicious Violet Studio is a 3-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 3 colors. Hex values: #0B050D, #8D5AA3, #EFE7F4. APCA contrast score Lc 8.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Pure Vicious Violet Studio by OKLab color distance.