Palette · 3 colors · Lc 9.2
Classic Vicious Violet Forge palette
Classic Vicious Violet Forge: a 3-color palette (Pink, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #FFF0FF, #8C4DA4, #170918, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF0FF
accent
#8C4DA4
text
#170918
Colors in Classic Vicious Violet Forge: HEX, RGB, HSL & OKLCH
- #FFF0FF color page →
bg
#FFF0FF
- RGB
- rgb(255 240 255)
- HSL
- hsl(300 100% 97%)
- OKLCH
- oklch(0.971 0.025 325.8)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.16:1 (AAA)
- #8C4DA4 color page →
accent
#8C4DA4
- RGB
- rgb(140 77 164)
- HSL
- hsl(283 36% 47%)
- OKLCH
- oklch(0.531 0.146 315.9)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71: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 Classic Vicious Violet Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff0ff;
--accent: #8c4da4;
--text: #170918;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff0ff;
--color-accent: #8c4da4;
--color-text: #170918;
}JSON (DTCG tokens)
{
"classic-vicious-violet-forge-2qm": {
"bg": {
"$type": "color",
"$value": "#fff0ff"
},
"accent": {
"$type": "color",
"$value": "#8c4da4"
},
"text": {
"$type": "color",
"$value": "#170918"
}
}
}About this palette
Classic Vicious Violet Forge is a 3-color OKLCH-ready palette tagged pink, warm, 3 colors. Hex values: #FFF0FF, #8C4DA4, #170918. APCA contrast score Lc 9.2. 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 Classic Vicious Violet Forge by OKLab color distance.