Palette · 8 colors · Lc 9
Vicious Violet Prism palette
Vicious Violet Prism: a 8-color palette (Red, 8 Colors). HEX, RGB, HSL and OKLCH for #FAE5EF, #D184A6, #9844A0, #0079A4, #4B5500, #55252A, #26101C, #0F0409, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 8 Colors
bg
#FAE5EF
surface
#D184A6
muted
#9844A0
primary
#0079A4
secondary
#4B5500
accent
#55252A
highlight
#26101C
text
#0F0409
Colors in Vicious Violet Prism: HEX, RGB, HSL & OKLCH
- #FAE5EF color page →
bg
#FAE5EF
- RGB
- rgb(250 229 239)
- HSL
- hsl(331 68% 94%)
- OKLCH
- oklch(0.942 0.026 347.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.51:1 (AAA)
- #D184A6 color page →
surface
#D184A6
- RGB
- rgb(209 132 166)
- HSL
- hsl(334 46% 67%)
- OKLCH
- oklch(0.703 0.103 352.1)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.56:1 (AAA)
- #9844A0 color page →
muted
#9844A0
- RGB
- rgb(152 68 160)
- HSL
- hsl(295 40% 45%)
- OKLCH
- oklch(0.532 0.162 324.1)
WCAG contrast: on white 5.72:1 (AA) · on black 3.66:1 (Fail)
- #0079A4 color page →
primary
#0079A4
- RGB
- rgb(0 121 164)
- HSL
- hsl(196 100% 32%)
- OKLCH
- oklch(0.541 0.111 232.2)
WCAG contrast: on white 4.91:1 (AA) · on black 4.27:1 (Fail)
- #4B5500 color page →
secondary
#4B5500
- RGB
- rgb(75 85 0)
- HSL
- hsl(67 100% 17%)
- OKLCH
- oklch(0.426 0.098 117.3)
WCAG contrast: on white 8.08:1 (AAA) · on black 2.59:1 (Fail)
- #55252A color page →
accent
#55252A
- RGB
- rgb(85 37 42)
- HSL
- hsl(354 39% 24%)
- OKLCH
- oklch(0.333 0.071 15.3)
WCAG contrast: on white 12.46:1 (AAA) · on black 1.68:1 (Fail)
- #26101C color page →
highlight
#26101C
- RGB
- rgb(38 16 28)
- HSL
- hsl(327 41% 11%)
- OKLCH
- oklch(0.211 0.041 347.3)
WCAG contrast: on white 17.89:1 (AAA) · on black 1.17:1 (Fail)
- #0F0409 color page →
text
#0F0409
- RGB
- rgb(15 4 9)
- HSL
- hsl(333 58% 4%)
- OKLCH
- oklch(0.131 0.026 348.8)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
Export Vicious Violet Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fae5ef;
--surface: #d184a6;
--muted: #9844a0;
--primary: #0079a4;
--secondary: #4b5500;
--accent: #55252a;
--highlight: #26101c;
--text: #0f0409;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fae5ef;
--color-surface: #d184a6;
--color-muted: #9844a0;
--color-primary: #0079a4;
--color-secondary: #4b5500;
--color-accent: #55252a;
--color-highlight: #26101c;
--color-text: #0f0409;
}JSON (DTCG tokens)
{
"vicious-violet-prism-7g": {
"bg": {
"$type": "color",
"$value": "#fae5ef"
},
"surface": {
"$type": "color",
"$value": "#d184a6"
},
"muted": {
"$type": "color",
"$value": "#9844a0"
},
"primary": {
"$type": "color",
"$value": "#0079a4"
},
"secondary": {
"$type": "color",
"$value": "#4b5500"
},
"accent": {
"$type": "color",
"$value": "#55252a"
},
"highlight": {
"$type": "color",
"$value": "#26101c"
},
"text": {
"$type": "color",
"$value": "#0f0409"
}
}
}About this palette
Vicious Violet Prism is a 8-color OKLCH-ready palette tagged red, 8 colors. Hex values: #FAE5EF, #D184A6, #9844A0, #0079A4, #4B5500, #55252A, #26101C, #0F0409. 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 Prism by OKLab color distance.