Palette · 5 colors · Lc 8.5
Vicious Violet Ember palette
Vicious Violet Ember: a 5-color palette (Red, Pink, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #EDE4EF, #B89ADA, #8E4899, #5B204D, #0C050F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDE4EF
surface
#B89ADA
primary
#8E4899
accent
#5B204D
text
#0C050F
Colors in Vicious Violet Ember: HEX, RGB, HSL & OKLCH
- #EDE4EF color page →
bg
#EDE4EF
- RGB
- rgb(237 228 239)
- HSL
- hsl(289 26% 92%)
- OKLCH
- oklch(0.929 0.018 320.1)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.94:1 (AAA)
- #B89ADA color page →
surface
#B89ADA
- RGB
- rgb(184 154 218)
- HSL
- hsl(268 46% 73%)
- OKLCH
- oklch(0.736 0.096 305.6)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.67:1 (AAA)
- #8E4899 color page →
primary
#8E4899
- RGB
- rgb(142 72 153)
- HSL
- hsl(292 36% 44%)
- OKLCH
- oklch(0.52 0.143 322)
WCAG contrast: on white 5.93:1 (AA) · on black 3.53:1 (Fail)
- #5B204D color page →
accent
#5B204D
- RGB
- rgb(91 32 77)
- HSL
- hsl(314 48% 24%)
- OKLCH
- oklch(0.35 0.105 338)
WCAG contrast: on white 11.94:1 (AAA) · on black 1.75:1 (Fail)
- #0C050F color page →
text
#0C050F
- RGB
- rgb(12 5 15)
- HSL
- hsl(282 50% 4%)
- OKLCH
- oklch(0.133 0.027 316.4)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Vicious Violet Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ede4ef;
--surface: #b89ada;
--primary: #8e4899;
--accent: #5b204d;
--text: #0c050f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ede4ef;
--color-surface: #b89ada;
--color-primary: #8e4899;
--color-accent: #5b204d;
--color-text: #0c050f;
}JSON (DTCG tokens)
{
"vicious-violet-ember-1z7": {
"bg": {
"$type": "color",
"$value": "#ede4ef"
},
"surface": {
"$type": "color",
"$value": "#b89ada"
},
"primary": {
"$type": "color",
"$value": "#8e4899"
},
"accent": {
"$type": "color",
"$value": "#5b204d"
},
"text": {
"$type": "color",
"$value": "#0c050f"
}
}
}About this palette
Vicious Violet Ember is a 5-color OKLCH-ready palette tagged red, pink, warm, 5 colors. Hex values: #EDE4EF, #B89ADA, #8E4899, #5B204D, #0C050F. APCA contrast score Lc 8.5. 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.