Palette · 9 colors · Lc 8.9
Pure Vicious Violet Noir palette
Pure Vicious Violet Noir: a 9-color palette (Red, Pink, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F5E9F8, #D9C5E4, #BB97DC, #9F71B6, #8C4996, #6E346E, #562142, #391537, #0F040F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5E9F8
surface
#D9C5E4
muted
#BB97DC
primary
#9F71B6
secondary
#8C4996
accent
#6E346E
highlight
#562142
border
#391537
text
#0F040F
Colors in Pure Vicious Violet Noir: HEX, RGB, HSL & OKLCH
- #F5E9F8 color page →
bg
#F5E9F8
- RGB
- rgb(245 233 248)
- HSL
- hsl(288 52% 94%)
- OKLCH
- oklch(0.948 0.024 319.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)
- #D9C5E4 color page →
surface
#D9C5E4
- RGB
- rgb(217 197 228)
- HSL
- hsl(279 36% 83%)
- OKLCH
- oklch(0.85 0.048 313.7)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.05:1 (AAA)
- #BB97DC color page →
muted
#BB97DC
- RGB
- rgb(187 151 220)
- HSL
- hsl(271 50% 73%)
- OKLCH
- oklch(0.734 0.105 307.8)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.57:1 (AAA)
- #9F71B6 color page →
primary
#9F71B6
- RGB
- rgb(159 113 182)
- HSL
- hsl(280 32% 58%)
- OKLCH
- oklch(0.621 0.113 313.9)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.51:1 (AA)
- #8C4996 color page →
secondary
#8C4996
- RGB
- rgb(140 73 150)
- HSL
- hsl(292 35% 44%)
- OKLCH
- oklch(0.517 0.137 322.3)
WCAG contrast: on white 5.98:1 (AA) · on black 3.50:1 (Fail)
- #6E346E color page →
accent
#6E346E
- RGB
- rgb(110 52 110)
- HSL
- hsl(300 36% 32%)
- OKLCH
- oklch(0.424 0.114 327.4)
WCAG contrast: on white 8.82:1 (AAA) · on black 2.37:1 (Fail)
- #562142 color page →
highlight
#562142
- RGB
- rgb(86 33 66)
- HSL
- hsl(323 45% 23%)
- OKLCH
- oklch(0.338 0.09 344.7)
WCAG contrast: on white 12.41:1 (AAA) · on black 1.69:1 (Fail)
- #391537 color page →
border
#391537
- RGB
- rgb(57 21 55)
- HSL
- hsl(303 46% 15%)
- OKLCH
- oklch(0.266 0.076 329.6)
WCAG contrast: on white 15.71:1 (AAA) · on black 1.33:1 (Fail)
- #0F040F color page →
text
#0F040F
- RGB
- rgb(15 4 15)
- HSL
- hsl(300 58% 4%)
- OKLCH
- oklch(0.135 0.033 327.2)
WCAG contrast: on white 20.10:1 (AAA) · on black 1.04:1 (Fail)
Export Pure Vicious Violet Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5e9f8;
--surface: #d9c5e4;
--muted: #bb97dc;
--primary: #9f71b6;
--secondary: #8c4996;
--accent: #6e346e;
--highlight: #562142;
--border: #391537;
--text: #0f040f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5e9f8;
--color-surface: #d9c5e4;
--color-muted: #bb97dc;
--color-primary: #9f71b6;
--color-secondary: #8c4996;
--color-accent: #6e346e;
--color-highlight: #562142;
--color-border: #391537;
--color-text: #0f040f;
}JSON (DTCG tokens)
{
"pure-vicious-violet-noir-77y": {
"bg": {
"$type": "color",
"$value": "#f5e9f8"
},
"surface": {
"$type": "color",
"$value": "#d9c5e4"
},
"muted": {
"$type": "color",
"$value": "#bb97dc"
},
"primary": {
"$type": "color",
"$value": "#9f71b6"
},
"secondary": {
"$type": "color",
"$value": "#8c4996"
},
"accent": {
"$type": "color",
"$value": "#6e346e"
},
"highlight": {
"$type": "color",
"$value": "#562142"
},
"border": {
"$type": "color",
"$value": "#391537"
},
"text": {
"$type": "color",
"$value": "#0f040f"
}
}
}About this palette
Pure Vicious Violet Noir is a 9-color OKLCH-ready palette tagged red, pink, warm, 9 colors. Hex values: #F5E9F8, #D9C5E4, #BB97DC, #9F71B6, #8C4996, #6E346E, #562142, #391537, #0F040F. 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 Pure Vicious Violet Noir by OKLab color distance.