Palette · 3 colors · Lc 8.1
True Viola Mirror palette
True Viola Mirror: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #E8E1ED, #9E70C1, #1D1526, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#E8E1ED
accent
#9E70C1
text
#1D1526
Colors in True Viola Mirror: HEX, RGB, HSL & OKLCH
- #E8E1ED color page →
bg
#E8E1ED
- RGB
- rgb(232 225 237)
- HSL
- hsl(275 25% 91%)
- OKLCH
- oklch(0.919 0.018 311.6)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.42:1 (AAA)
- #9E70C1 color page →
accent
#9E70C1
- RGB
- rgb(158 112 193)
- HSL
- hsl(274 40% 60%)
- OKLCH
- oklch(0.624 0.128 309.3)
WCAG contrast: on white 3.78:1 (Fail) · on black 5.54:1 (AA)
- #1D1526 color page →
text
#1D1526
- RGB
- rgb(29 21 38)
- HSL
- hsl(268 29% 12%)
- OKLCH
- oklch(0.214 0.035 305.3)
WCAG contrast: on white 17.68:1 (AAA) · on black 1.18:1 (Fail)
Export True Viola Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8e1ed;
--accent: #9e70c1;
--text: #1d1526;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8e1ed;
--color-accent: #9e70c1;
--color-text: #1d1526;
}JSON (DTCG tokens)
{
"true-viola-mirror-371": {
"bg": {
"$type": "color",
"$value": "#e8e1ed"
},
"accent": {
"$type": "color",
"$value": "#9e70c1"
},
"text": {
"$type": "color",
"$value": "#1d1526"
}
}
}About this palette
True Viola Mirror is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #E8E1ED, #9E70C1, #1D1526. APCA contrast score Lc 8.1. 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 Viola Mirror by OKLab color distance.