Palette · 3 colors · Lc 8.9
Steady Vicious Violet Studio palette
Steady Vicious Violet Studio: a 3-color palette (Red, Pink, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #F8EEF8, #934497, #170918, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EEF8
accent
#934497
text
#170918
Colors in Steady Vicious Violet Studio: HEX, RGB, HSL & OKLCH
- #F8EEF8 color page →
bg
#F8EEF8
- RGB
- rgb(248 238 248)
- HSL
- hsl(300 42% 95%)
- OKLCH
- oklch(0.96 0.017 325.7)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.57:1 (AAA)
- #934497 color page →
accent
#934497
- RGB
- rgb(147 68 151)
- HSL
- hsl(297 38% 43%)
- OKLCH
- oklch(0.52 0.151 325.6)
WCAG contrast: on white 5.97:1 (AA) · on black 3.51:1 (Fail)
- #170918 color page →
text
#170918
- RGB
- rgb(23 9 24)
- HSL
- hsl(296 45% 6%)
- OKLCH
- oklch(0.169 0.037 324.6)
WCAG contrast: on white 19.28:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Vicious Violet Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8eef8;
--accent: #934497;
--text: #170918;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8eef8;
--color-accent: #934497;
--color-text: #170918;
}JSON (DTCG tokens)
{
"steady-vicious-violet-studio-10x": {
"bg": {
"$type": "color",
"$value": "#f8eef8"
},
"accent": {
"$type": "color",
"$value": "#934497"
},
"text": {
"$type": "color",
"$value": "#170918"
}
}
}About this palette
Steady Vicious Violet Studio is a 3-color OKLCH-ready palette tagged red, pink, warm, 3 colors. Hex values: #F8EEF8, #934497, #170918. APCA contrast score Lc 8.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 Steady Vicious Violet Studio by OKLab color distance.