Palette · 3 colors · Lc 9
Vicious Violet Meadow palette
Vicious Violet Meadow: a 3-color palette (Red, Pink, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #F9F0F7, #964C98, #11030F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F0F7
accent
#964C98
text
#11030F
Colors in Vicious Violet Meadow: HEX, RGB, HSL & OKLCH
- #F9F0F7 color page →
bg
#F9F0F7
- RGB
- rgb(249 240 247)
- HSL
- hsl(313 43% 96%)
- OKLCH
- oklch(0.964 0.013 333)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.83:1 (AAA)
- #964C98 color page →
accent
#964C98
- RGB
- rgb(150 76 152)
- HSL
- hsl(298 33% 45%)
- OKLCH
- oklch(0.536 0.14 326.3)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #11030F color page →
text
#11030F
- RGB
- rgb(17 3 15)
- HSL
- hsl(309 70% 4%)
- OKLCH
- oklch(0.135 0.04 332.5)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Vicious Violet Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f0f7;
--accent: #964c98;
--text: #11030f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f0f7;
--color-accent: #964c98;
--color-text: #11030f;
}JSON (DTCG tokens)
{
"vicious-violet-meadow-57h": {
"bg": {
"$type": "color",
"$value": "#f9f0f7"
},
"accent": {
"$type": "color",
"$value": "#964c98"
},
"text": {
"$type": "color",
"$value": "#11030f"
}
}
}About this palette
Vicious Violet Meadow is a 3-color OKLCH-ready palette tagged red, pink, warm, 3 colors. Hex values: #F9F0F7, #964C98, #11030F. APCA contrast score Lc 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 Vicious Violet Meadow by OKLab color distance.