Palette · 5 colors · Lc 8.3
Vicious Violet Circuit palette
Vicious Violet Circuit: a 5-color palette (Red, Pink, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F6E4F5, #C195D8, #974898, #662147, #150716, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6E4F5
surface
#C195D8
primary
#974898
accent
#662147
text
#150716
Colors in Vicious Violet Circuit: HEX, RGB, HSL & OKLCH
- #F6E4F5 color page →
bg
#F6E4F5
- RGB
- rgb(246 228 245)
- HSL
- hsl(303 50% 93%)
- OKLCH
- oklch(0.938 0.03 327.5)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.33:1 (AAA)
- #C195D8 color page →
surface
#C195D8
- RGB
- rgb(193 149 216)
- HSL
- hsl(279 46% 72%)
- OKLCH
- oklch(0.734 0.106 313.7)
WCAG contrast: on white 2.45:1 (Fail) · on black 8.55:1 (AAA)
- #974898 color page →
primary
#974898
- RGB
- rgb(151 72 152)
- HSL
- hsl(299 36% 44%)
- OKLCH
- oklch(0.531 0.148 326.9)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #662147 color page →
accent
#662147
- RGB
- rgb(102 33 71)
- HSL
- hsl(327 51% 26%)
- OKLCH
- oklch(0.366 0.108 349.7)
WCAG contrast: on white 11.20:1 (AAA) · on black 1.87:1 (Fail)
- #150716 color page →
text
#150716
- RGB
- rgb(21 7 22)
- HSL
- hsl(296 52% 6%)
- OKLCH
- oklch(0.159 0.038 324.8)
WCAG contrast: on white 19.55:1 (AAA) · on black 1.07:1 (Fail)
Export Vicious Violet Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6e4f5;
--surface: #c195d8;
--primary: #974898;
--accent: #662147;
--text: #150716;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6e4f5;
--color-surface: #c195d8;
--color-primary: #974898;
--color-accent: #662147;
--color-text: #150716;
}JSON (DTCG tokens)
{
"vicious-violet-circuit-7ie": {
"bg": {
"$type": "color",
"$value": "#f6e4f5"
},
"surface": {
"$type": "color",
"$value": "#c195d8"
},
"primary": {
"$type": "color",
"$value": "#974898"
},
"accent": {
"$type": "color",
"$value": "#662147"
},
"text": {
"$type": "color",
"$value": "#150716"
}
}
}About this palette
Vicious Violet Circuit is a 5-color OKLCH-ready palette tagged red, pink, warm, 5 colors. Hex values: #F6E4F5, #C195D8, #974898, #662147, #150716. APCA contrast score Lc 8.3. 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 Circuit by OKLab color distance.