Palette · 5 colors · Lc 8.8
Vicious Violet Canvas palette
Vicious Violet Canvas: a 5-color palette (Red, Pink, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F6EAF4, #C192D4, #8E4A93, #68284F, #0F0710, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6EAF4
surface
#C192D4
primary
#8E4A93
accent
#68284F
text
#0F0710
Colors in Vicious Violet Canvas: HEX, RGB, HSL & OKLCH
- #F6EAF4 color page →
bg
#F6EAF4
- RGB
- rgb(246 234 244)
- HSL
- hsl(310 40% 94%)
- OKLCH
- oklch(0.949 0.018 331.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.99:1 (AAA)
- #C192D4 color page →
surface
#C192D4
- RGB
- rgb(193 146 212)
- HSL
- hsl(283 43% 70%)
- OKLCH
- oklch(0.727 0.106 316)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.32:1 (AAA)
- #8E4A93 color page →
primary
#8E4A93
- RGB
- rgb(142 74 147)
- HSL
- hsl(296 33% 43%)
- OKLCH
- oklch(0.52 0.134 324.7)
WCAG contrast: on white 5.91:1 (AA) · on black 3.55:1 (Fail)
- #68284F color page →
accent
#68284F
- RGB
- rgb(104 40 79)
- HSL
- hsl(323 44% 28%)
- OKLCH
- oklch(0.383 0.104 345.6)
WCAG contrast: on white 10.47:1 (AAA) · on black 2.00:1 (Fail)
- #0F0710 color page →
text
#0F0710
- RGB
- rgb(15 7 16)
- HSL
- hsl(293 39% 5%)
- OKLCH
- oklch(0.146 0.024 323)
WCAG contrast: on white 19.84:1 (AAA) · on black 1.05:1 (Fail)
Export Vicious Violet Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6eaf4;
--surface: #c192d4;
--primary: #8e4a93;
--accent: #68284f;
--text: #0f0710;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6eaf4;
--color-surface: #c192d4;
--color-primary: #8e4a93;
--color-accent: #68284f;
--color-text: #0f0710;
}JSON (DTCG tokens)
{
"vicious-violet-canvas-u6": {
"bg": {
"$type": "color",
"$value": "#f6eaf4"
},
"surface": {
"$type": "color",
"$value": "#c192d4"
},
"primary": {
"$type": "color",
"$value": "#8e4a93"
},
"accent": {
"$type": "color",
"$value": "#68284f"
},
"text": {
"$type": "color",
"$value": "#0f0710"
}
}
}About this palette
Vicious Violet Canvas is a 5-color OKLCH-ready palette tagged red, pink, warm, 5 colors. Hex values: #F6EAF4, #C192D4, #8E4A93, #68284F, #0F0710. APCA contrast score Lc 8.8. 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 Canvas by OKLab color distance.