Palette · 6 colors · Lc 9
Violet Vixen Noir palette
Violet Vixen Noir: a 6-color palette (Red, Warm, Pink, 6 Colors). HEX, RGB, HSL and OKLCH for #F5EEF6, #C6A3E0, #9E66A9, #803674, #4B183C, #130714, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EEF6
surface
#C6A3E0
muted
#9E66A9
primary
#803674
accent
#4B183C
text
#130714
Colors in Violet Vixen Noir: HEX, RGB, HSL & OKLCH
- #F5EEF6 color page →
bg
#F5EEF6
- RGB
- rgb(245 238 246)
- HSL
- hsl(293 31% 95%)
- OKLCH
- oklch(0.957 0.013 321.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.44:1 (AAA)
- #C6A3E0 color page →
surface
#C6A3E0
- RGB
- rgb(198 163 224)
- HSL
- hsl(274 50% 76%)
- OKLCH
- oklch(0.768 0.093 310.3)
WCAG contrast: on white 2.16:1 (Fail) · on black 9.71:1 (AAA)
- #9E66A9 color page →
muted
#9E66A9
- RGB
- rgb(158 102 169)
- HSL
- hsl(290 28% 53%)
- OKLCH
- oklch(0.595 0.117 320.9)
WCAG contrast: on white 4.26:1 (Fail) · on black 4.92:1 (AA)
- #803674 color page →
primary
#803674
- RGB
- rgb(128 54 116)
- HSL
- hsl(310 41% 36%)
- OKLCH
- oklch(0.456 0.129 334.1)
WCAG contrast: on white 7.78:1 (AAA) · on black 2.69:1 (Fail)
- #4B183C color page →
accent
#4B183C
- RGB
- rgb(75 24 60)
- HSL
- hsl(318 52% 19%)
- OKLCH
- oklch(0.303 0.091 340.9)
WCAG contrast: on white 14.04:1 (AAA) · on black 1.49:1 (Fail)
- #130714 color page →
text
#130714
- RGB
- rgb(19 7 20)
- HSL
- hsl(295 48% 5%)
- OKLCH
- oklch(0.155 0.034 324.3)
WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)
Export Violet Vixen Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5eef6;
--surface: #c6a3e0;
--muted: #9e66a9;
--primary: #803674;
--accent: #4b183c;
--text: #130714;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5eef6;
--color-surface: #c6a3e0;
--color-muted: #9e66a9;
--color-primary: #803674;
--color-accent: #4b183c;
--color-text: #130714;
}JSON (DTCG tokens)
{
"violet-vixen-noir-38k": {
"bg": {
"$type": "color",
"$value": "#f5eef6"
},
"surface": {
"$type": "color",
"$value": "#c6a3e0"
},
"muted": {
"$type": "color",
"$value": "#9e66a9"
},
"primary": {
"$type": "color",
"$value": "#803674"
},
"accent": {
"$type": "color",
"$value": "#4b183c"
},
"text": {
"$type": "color",
"$value": "#130714"
}
}
}About this palette
Violet Vixen Noir is a 6-color OKLCH-ready palette tagged red, warm, pink, 6 colors. Hex values: #F5EEF6, #C6A3E0, #9E66A9, #803674, #4B183C, #130714. 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 Violet Vixen Noir by OKLab color distance.