Palette · 7 colors · Lc 9
Classic Vicious Violet Tide palette
Classic Vicious Violet Tide: a 7-color palette (Red, 7 Colors). HEX, RGB, HSL and OKLCH for #0D030B, #3E123D, #6E1D63, #A345A2, #C176BC, #E9B9F4, #FFEDFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 7 Colors
bg
#0D030B
surface
#3E123D
muted
#6E1D63
primary
#A345A2
secondary
#C176BC
accent
#E9B9F4
text
#FFEDFF
Colors in Classic Vicious Violet Tide: HEX, RGB, HSL & OKLCH
- #0D030B color page →
bg
#0D030B
- RGB
- rgb(13 3 11)
- HSL
- hsl(312 63% 3%)
- OKLCH
- oklch(0.124 0.031 333.6)
WCAG contrast: on white 20.29:1 (AAA) · on black 1.03:1 (Fail)
- #3E123D color page →
surface
#3E123D
- RGB
- rgb(62 18 61)
- HSL
- hsl(301 55% 16%)
- OKLCH
- oklch(0.274 0.092 328.6)
WCAG contrast: on white 15.45:1 (AAA) · on black 1.35:1 (Fail)
- #6E1D63 color page →
muted
#6E1D63
- RGB
- rgb(110 29 99)
- HSL
- hsl(308 58% 27%)
- OKLCH
- oklch(0.389 0.141 334)
WCAG contrast: on white 10.40:1 (AAA) · on black 2.01:1 (Fail)
- #A345A2 color page →
primary
#A345A2
- RGB
- rgb(163 69 162)
- HSL
- hsl(301 41% 45%)
- OKLCH
- oklch(0.549 0.169 328)
WCAG contrast: on white 5.34:1 (AA) · on black 3.93:1 (Fail)
- #C176BC color page →
secondary
#C176BC
- RGB
- rgb(193 118 188)
- HSL
- hsl(304 38% 61%)
- OKLCH
- oklch(0.67 0.131 329.3)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.58:1 (AA)
- #E9B9F4 color page →
accent
#E9B9F4
- RGB
- rgb(233 185 244)
- HSL
- hsl(289 73% 84%)
- OKLCH
- oklch(0.847 0.095 320)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.71:1 (AAA)
- #FFEDFF color page →
text
#FFEDFF
- RGB
- rgb(255 237 255)
- HSL
- hsl(300 100% 96%)
- OKLCH
- oklch(0.966 0.03 325.8)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.80:1 (AAA)
Export Classic Vicious Violet Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d030b;
--surface: #3e123d;
--muted: #6e1d63;
--primary: #a345a2;
--secondary: #c176bc;
--accent: #e9b9f4;
--text: #ffedff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d030b;
--color-surface: #3e123d;
--color-muted: #6e1d63;
--color-primary: #a345a2;
--color-secondary: #c176bc;
--color-accent: #e9b9f4;
--color-text: #ffedff;
}JSON (DTCG tokens)
{
"classic-vicious-violet-tide-2c8": {
"bg": {
"$type": "color",
"$value": "#0d030b"
},
"surface": {
"$type": "color",
"$value": "#3e123d"
},
"muted": {
"$type": "color",
"$value": "#6e1d63"
},
"primary": {
"$type": "color",
"$value": "#a345a2"
},
"secondary": {
"$type": "color",
"$value": "#c176bc"
},
"accent": {
"$type": "color",
"$value": "#e9b9f4"
},
"text": {
"$type": "color",
"$value": "#ffedff"
}
}
}About this palette
Classic Vicious Violet Tide is a 7-color OKLCH-ready palette tagged red, 7 colors. Hex values: #0D030B, #3E123D, #6E1D63, #A345A2, #C176BC, #E9B9F4, #FFEDFF. 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 Classic Vicious Violet Tide by OKLab color distance.