Palette · 5 colors · Lc 10
Pure Vicious Violet Studio palette
Pure Vicious Violet Studio: a 5-color palette (Red, UI System, 5 Colors). HEX, RGB, HSL and OKLCH for #F8F8F8, #EDE2F0, #8E5194, #7E4164, #1D0F1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F8
surface
#EDE2F0
primary
#8E5194
accent
#7E4164
text
#1D0F1D
Colors in Pure Vicious Violet Studio: HEX, RGB, HSL & OKLCH
- #F8F8F8 color page →
bg
#F8F8F8
- RGB
- rgb(248 248 248)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.979 0 0)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #EDE2F0 color page →
surface
#EDE2F0
- RGB
- rgb(237 226 240)
- HSL
- hsl(287 32% 91%)
- OKLCH
- oklch(0.926 0.022 319)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.73:1 (AAA)
- #8E5194 color page →
primary
#8E5194
- RGB
- rgb(142 81 148)
- HSL
- hsl(295 29% 45%)
- OKLCH
- oklch(0.531 0.122 323.8)
WCAG contrast: on white 5.59:1 (AA) · on black 3.75:1 (Fail)
- #7E4164 color page →
accent
#7E4164
- RGB
- rgb(126 65 100)
- HSL
- hsl(326 32% 37%)
- OKLCH
- oklch(0.463 0.095 346)
WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)
- #1D0F1D color page →
text
#1D0F1D
- RGB
- rgb(29 15 29)
- HSL
- hsl(300 32% 9%)
- OKLCH
- oklch(0.195 0.035 326.8)
WCAG contrast: on white 18.44:1 (AAA) · on black 1.13:1 (Fail)
Export Pure Vicious Violet Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f8;
--surface: #ede2f0;
--primary: #8e5194;
--accent: #7e4164;
--text: #1d0f1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f8;
--color-surface: #ede2f0;
--color-primary: #8e5194;
--color-accent: #7e4164;
--color-text: #1d0f1d;
}JSON (DTCG tokens)
{
"pure-vicious-violet-studio-51y": {
"bg": {
"$type": "color",
"$value": "#f8f8f8"
},
"surface": {
"$type": "color",
"$value": "#ede2f0"
},
"primary": {
"$type": "color",
"$value": "#8e5194"
},
"accent": {
"$type": "color",
"$value": "#7e4164"
},
"text": {
"$type": "color",
"$value": "#1d0f1d"
}
}
}About this palette
Pure Vicious Violet Studio is a 5-color OKLCH-ready palette tagged red, ui system, 5 colors. Hex values: #F8F8F8, #EDE2F0, #8E5194, #7E4164, #1D0F1D. APCA contrast score Lc 10. 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.