Palette · 8 colors · Lc 9.2
True Vicious Violet Mirror palette
True Vicious Violet Mirror: a 8-color palette (Pink, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F2ECF1, #D6AEDA, #BA86C9, #9556A5, #8B447D, #64274C, #441B36, #170A17, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2ECF1
surface
#D6AEDA
muted
#BA86C9
primary
#9556A5
secondary
#8B447D
accent
#64274C
highlight
#441B36
text
#170A17
Colors in True Vicious Violet Mirror: HEX, RGB, HSL & OKLCH
- #F2ECF1 color page →
bg
#F2ECF1
- RGB
- rgb(242 236 241)
- HSL
- hsl(310 19% 94%)
- OKLCH
- oklch(0.949 0.009 331)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.04:1 (AAA)
- #D6AEDA color page →
surface
#D6AEDA
- RGB
- rgb(214 174 218)
- HSL
- hsl(295 37% 77%)
- OKLCH
- oklch(0.8 0.075 323.3)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.92:1 (AAA)
- #BA86C9 color page →
muted
#BA86C9
- RGB
- rgb(186 134 201)
- HSL
- hsl(287 38% 66%)
- OKLCH
- oklch(0.694 0.111 318.5)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.34:1 (AAA)
- #9556A5 color page →
primary
#9556A5
- RGB
- rgb(149 86 165)
- HSL
- hsl(288 31% 49%)
- OKLCH
- oklch(0.556 0.136 319.3)
WCAG contrast: on white 5.05:1 (AA) · on black 4.15:1 (Fail)
- #8B447D color page →
secondary
#8B447D
- RGB
- rgb(139 68 125)
- HSL
- hsl(312 34% 41%)
- OKLCH
- oklch(0.496 0.121 335.2)
WCAG contrast: on white 6.52:1 (AA) · on black 3.22:1 (Fail)
- #64274C color page →
accent
#64274C
- RGB
- rgb(100 39 76)
- HSL
- hsl(324 44% 27%)
- OKLCH
- oklch(0.373 0.1 345.6)
WCAG contrast: on white 10.84:1 (AAA) · on black 1.93:1 (Fail)
- #441B36 color page →
highlight
#441B36
- RGB
- rgb(68 27 54)
- HSL
- hsl(320 43% 19%)
- OKLCH
- oklch(0.293 0.074 342.4)
WCAG contrast: on white 14.42:1 (AAA) · on black 1.45:1 (Fail)
- #170A17 color page →
text
#170A17
- RGB
- rgb(23 10 23)
- HSL
- hsl(300 39% 6%)
- OKLCH
- oklch(0.17 0.033 326.9)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export True Vicious Violet Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2ecf1;
--surface: #d6aeda;
--muted: #ba86c9;
--primary: #9556a5;
--secondary: #8b447d;
--accent: #64274c;
--highlight: #441b36;
--text: #170a17;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2ecf1;
--color-surface: #d6aeda;
--color-muted: #ba86c9;
--color-primary: #9556a5;
--color-secondary: #8b447d;
--color-accent: #64274c;
--color-highlight: #441b36;
--color-text: #170a17;
}JSON (DTCG tokens)
{
"true-vicious-violet-mirror-7m9": {
"bg": {
"$type": "color",
"$value": "#f2ecf1"
},
"surface": {
"$type": "color",
"$value": "#d6aeda"
},
"muted": {
"$type": "color",
"$value": "#ba86c9"
},
"primary": {
"$type": "color",
"$value": "#9556a5"
},
"secondary": {
"$type": "color",
"$value": "#8b447d"
},
"accent": {
"$type": "color",
"$value": "#64274c"
},
"highlight": {
"$type": "color",
"$value": "#441b36"
},
"text": {
"$type": "color",
"$value": "#170a17"
}
}
}About this palette
True Vicious Violet Mirror is a 8-color OKLCH-ready palette tagged pink, warm, 8 colors. Hex values: #F2ECF1, #D6AEDA, #BA86C9, #9556A5, #8B447D, #64274C, #441B36, #170A17. APCA contrast score Lc 9.2. 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 True Vicious Violet Mirror by OKLab color distance.