Palette · 4 colors · Lc 8.5
True Vicious Violet Beacon palette
True Vicious Violet Beacon: a 4-color palette (Red, Dark Mode UI, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #080209, #443246, #A648A2, #ECE8ED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Dark Mode UI
- UI System
- 4 Colors
bg
#080209
surface
#443246
accent
#A648A2
text
#ECE8ED
Colors in True Vicious Violet Beacon: HEX, RGB, HSL & OKLCH
- #080209 color page →
bg
#080209
- RGB
- rgb(8 2 9)
- HSL
- hsl(291 64% 2%)
- OKLCH
- oklch(0.108 0.029 323.4)
WCAG contrast: on white 20.52:1 (AAA) · on black 1.02:1 (Fail)
- #443246 color page →
surface
#443246
- RGB
- rgb(68 50 70)
- HSL
- hsl(294 17% 24%)
- OKLCH
- oklch(0.345 0.042 323.1)
WCAG contrast: on white 11.72:1 (AAA) · on black 1.79:1 (Fail)
- #A648A2 color page →
accent
#A648A2
- RGB
- rgb(166 72 162)
- HSL
- hsl(303 39% 47%)
- OKLCH
- oklch(0.557 0.166 329.2)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #ECE8ED color page →
text
#ECE8ED
- RGB
- rgb(236 232 237)
- HSL
- hsl(288 12% 92%)
- OKLCH
- oklch(0.936 0.008 319.4)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.33:1 (AAA)
Export True Vicious Violet Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #080209;
--surface: #443246;
--accent: #a648a2;
--text: #ece8ed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #080209;
--color-surface: #443246;
--color-accent: #a648a2;
--color-text: #ece8ed;
}JSON (DTCG tokens)
{
"true-vicious-violet-beacon-7k5": {
"bg": {
"$type": "color",
"$value": "#080209"
},
"surface": {
"$type": "color",
"$value": "#443246"
},
"accent": {
"$type": "color",
"$value": "#a648a2"
},
"text": {
"$type": "color",
"$value": "#ece8ed"
}
}
}About this palette
True Vicious Violet Beacon is a 4-color OKLCH-ready palette tagged red, dark mode ui, ui system, 4 colors. Hex values: #080209, #443246, #A648A2, #ECE8ED. APCA contrast score Lc 8.5. 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 Beacon by OKLab color distance.