Palette · 3 colors · Lc 9.1
Vicious Violet Ember palette
Vicious Violet Ember: a 3-color palette (Red, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F7E5F7, #975BA2, #0C010C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Monochromatic
- 3 Colors
bg
#F7E5F7
accent
#975BA2
text
#0C010C
Colors in Vicious Violet Ember: HEX, RGB, HSL & OKLCH
- #F7E5F7 color page →
bg
#F7E5F7
- RGB
- rgb(247 229 247)
- HSL
- hsl(300 53% 93%)
- OKLCH
- oklch(0.941 0.031 325.8)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
- #975BA2 color page →
accent
#975BA2
- RGB
- rgb(151 91 162)
- HSL
- hsl(291 28% 50%)
- OKLCH
- oklch(0.565 0.125 321.2)
WCAG contrast: on white 4.84:1 (AA) · on black 4.33:1 (Fail)
- #0C010C color page →
text
#0C010C
- RGB
- rgb(12 1 12)
- HSL
- hsl(300 85% 3%)
- OKLCH
- oklch(0.114 0.043 327.9)
WCAG contrast: on white 20.48:1 (AAA) · on black 1.02:1 (Fail)
Export Vicious Violet Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e5f7;
--accent: #975ba2;
--text: #0c010c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e5f7;
--color-accent: #975ba2;
--color-text: #0c010c;
}JSON (DTCG tokens)
{
"vicious-violet-ember-3vb": {
"bg": {
"$type": "color",
"$value": "#f7e5f7"
},
"accent": {
"$type": "color",
"$value": "#975ba2"
},
"text": {
"$type": "color",
"$value": "#0c010c"
}
}
}About this palette
Vicious Violet Ember is a 3-color OKLCH-ready palette tagged red, monochromatic, 3 colors. Hex values: #F7E5F7, #975BA2, #0C010C. APCA contrast score Lc 9.1. 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 Vicious Violet Ember by OKLab color distance.