Palette · 9 colors · Lc 9
Pure Vicious Violet Ember palette
Pure Vicious Violet Ember: a 9-color palette (Red, Pink, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F3EBF4, #DEC1ED, #C697DA, #9C66B0, #965099, #743166, #69224A, #3B1536, #130515, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EBF4
surface
#DEC1ED
muted
#C697DA
primary
#9C66B0
secondary
#965099
accent
#743166
highlight
#69224A
border
#3B1536
text
#130515
Colors in Pure Vicious Violet Ember: HEX, RGB, HSL & OKLCH
- #F3EBF4 color page →
bg
#F3EBF4
- RGB
- rgb(243 235 244)
- HSL
- hsl(293 29% 94%)
- OKLCH
- oklch(0.949 0.015 322.3)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.00:1 (AAA)
- #DEC1ED color page →
surface
#DEC1ED
- RGB
- rgb(222 193 237)
- HSL
- hsl(280 55% 84%)
- OKLCH
- oklch(0.849 0.068 314.1)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.95:1 (AAA)
- #C697DA color page →
muted
#C697DA
- RGB
- rgb(198 151 218)
- HSL
- hsl(282 48% 72%)
- OKLCH
- oklch(0.744 0.107 315.6)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.84:1 (AAA)
- #9C66B0 color page →
primary
#9C66B0
- RGB
- rgb(156 102 176)
- HSL
- hsl(284 32% 55%)
- OKLCH
- oklch(0.596 0.124 316.5)
WCAG contrast: on white 4.25:1 (Fail) · on black 4.94:1 (AA)
- #965099 color page →
secondary
#965099
- RGB
- rgb(150 80 153)
- HSL
- hsl(298 31% 46%)
- OKLCH
- oklch(0.542 0.134 325.7)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #743166 color page →
accent
#743166
- RGB
- rgb(116 49 102)
- HSL
- hsl(313 41% 32%)
- OKLCH
- oklch(0.425 0.117 336.2)
WCAG contrast: on white 8.84:1 (AAA) · on black 2.37:1 (Fail)
- #69224A color page →
highlight
#69224A
- RGB
- rgb(105 34 74)
- HSL
- hsl(326 51% 27%)
- OKLCH
- oklch(0.374 0.111 349)
WCAG contrast: on white 10.89:1 (AAA) · on black 1.92:1 (Fail)
- #3B1536 color page →
border
#3B1536
- RGB
- rgb(59 21 54)
- HSL
- hsl(308 48% 16%)
- OKLCH
- oklch(0.269 0.077 332.8)
WCAG contrast: on white 15.59:1 (AAA) · on black 1.34:1 (Fail)
- #130515 color page →
text
#130515
- RGB
- rgb(19 5 21)
- HSL
- hsl(293 62% 5%)
- OKLCH
- oklch(0.15 0.041 322.8)
WCAG contrast: on white 19.80:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Vicious Violet Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ebf4;
--surface: #dec1ed;
--muted: #c697da;
--primary: #9c66b0;
--secondary: #965099;
--accent: #743166;
--highlight: #69224a;
--border: #3b1536;
--text: #130515;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ebf4;
--color-surface: #dec1ed;
--color-muted: #c697da;
--color-primary: #9c66b0;
--color-secondary: #965099;
--color-accent: #743166;
--color-highlight: #69224a;
--color-border: #3b1536;
--color-text: #130515;
}JSON (DTCG tokens)
{
"pure-vicious-violet-ember-3zn": {
"bg": {
"$type": "color",
"$value": "#f3ebf4"
},
"surface": {
"$type": "color",
"$value": "#dec1ed"
},
"muted": {
"$type": "color",
"$value": "#c697da"
},
"primary": {
"$type": "color",
"$value": "#9c66b0"
},
"secondary": {
"$type": "color",
"$value": "#965099"
},
"accent": {
"$type": "color",
"$value": "#743166"
},
"highlight": {
"$type": "color",
"$value": "#69224a"
},
"border": {
"$type": "color",
"$value": "#3b1536"
},
"text": {
"$type": "color",
"$value": "#130515"
}
}
}About this palette
Pure Vicious Violet Ember is a 9-color OKLCH-ready palette tagged red, pink, warm, 9 colors. Hex values: #F3EBF4, #DEC1ED, #C697DA, #9C66B0, #965099, #743166, #69224A, #3B1536, #130515. APCA contrast score Lc 9. 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 Ember by OKLab color distance.