Palette · 3 colors · Lc 9.5
Vicious Violet Lattice palette
Vicious Violet Lattice: a 3-color palette (Red, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #FFF1FF, #9F4EA5, #0E0310, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Monochromatic
- 3 Colors
bg
#FFF1FF
accent
#9F4EA5
text
#0E0310
Colors in Vicious Violet Lattice: HEX, RGB, HSL & OKLCH
- #FFF1FF color page →
bg
#FFF1FF
- RGB
- rgb(255 241 255)
- HSL
- hsl(300 100% 97%)
- OKLCH
- oklch(0.973 0.024 325.8)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.27:1 (AAA)
- #9F4EA5 color page →
accent
#9F4EA5
- RGB
- rgb(159 78 165)
- HSL
- hsl(296 36% 48%)
- OKLCH
- oklch(0.557 0.155 324.8)
WCAG contrast: on white 5.11:1 (AA) · on black 4.10:1 (Fail)
- #0E0310 color page →
text
#0E0310
- RGB
- rgb(14 3 16)
- HSL
- hsl(291 68% 4%)
- OKLCH
- oklch(0.13 0.038 322.3)
WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)
Export Vicious Violet Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1ff;
--accent: #9f4ea5;
--text: #0e0310;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1ff;
--color-accent: #9f4ea5;
--color-text: #0e0310;
}JSON (DTCG tokens)
{
"vicious-violet-lattice-me": {
"bg": {
"$type": "color",
"$value": "#fff1ff"
},
"accent": {
"$type": "color",
"$value": "#9f4ea5"
},
"text": {
"$type": "color",
"$value": "#0e0310"
}
}
}About this palette
Vicious Violet Lattice is a 3-color OKLCH-ready palette tagged red, monochromatic, 3 colors. Hex values: #FFF1FF, #9F4EA5, #0E0310. APCA contrast score Lc 9.5. 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 Lattice by OKLab color distance.