Palette · 9 colors · Lc 9.3
Steady Vicious Violet Tide palette
Steady Vicious Violet Tide: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #EFEAFB, #DCC9EA, #C5A0D6, #A380BE, #87589A, #6C3F7A, #4A3059, #26102E, #0E040E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#EFEAFB
surface
#DCC9EA
muted
#C5A0D6
primary
#A380BE
secondary
#87589A
accent
#6C3F7A
highlight
#4A3059
border
#26102E
text
#0E040E
Colors in Steady Vicious Violet Tide: HEX, RGB, HSL & OKLCH
- #EFEAFB color page →
bg
#EFEAFB
- RGB
- rgb(239 234 251)
- HSL
- hsl(258 68% 95%)
- OKLCH
- oklch(0.946 0.023 299.4)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.83:1 (AAA)
- #DCC9EA color page →
surface
#DCC9EA
- RGB
- rgb(220 201 234)
- HSL
- hsl(275 44% 85%)
- OKLCH
- oklch(0.862 0.049 311)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.58:1 (AAA)
- #C5A0D6 color page →
muted
#C5A0D6
- RGB
- rgb(197 160 214)
- HSL
- hsl(281 40% 73%)
- OKLCH
- oklch(0.757 0.086 315)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.37:1 (AAA)
- #A380BE color page →
primary
#A380BE
- RGB
- rgb(163 128 190)
- HSL
- hsl(274 32% 62%)
- OKLCH
- oklch(0.656 0.098 309.7)
WCAG contrast: on white 3.28:1 (Fail) · on black 6.38:1 (AA)
- #87589A color page →
secondary
#87589A
- RGB
- rgb(135 88 154)
- HSL
- hsl(283 27% 47%)
- OKLCH
- oklch(0.538 0.113 315.7)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #6C3F7A color page →
accent
#6C3F7A
- RGB
- rgb(108 63 122)
- HSL
- hsl(286 32% 36%)
- OKLCH
- oklch(0.446 0.106 317.8)
WCAG contrast: on white 7.98:1 (AAA) · on black 2.62:1 (Fail)
- #4A3059 color page →
highlight
#4A3059
- RGB
- rgb(74 48 89)
- HSL
- hsl(278 30% 27%)
- OKLCH
- oklch(0.358 0.075 312.3)
WCAG contrast: on white 11.30:1 (AAA) · on black 1.85:1 (Fail)
- #26102E color page →
border
#26102E
- RGB
- rgb(38 16 46)
- HSL
- hsl(284 48% 12%)
- OKLCH
- oklch(0.221 0.062 316.3)
WCAG contrast: on white 17.55:1 (AAA) · on black 1.19:1 (Fail)
- #0E040E color page →
text
#0E040E
- RGB
- rgb(14 4 14)
- HSL
- hsl(300 56% 4%)
- OKLCH
- oklch(0.132 0.031 327.2)
WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Vicious Violet Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efeafb;
--surface: #dcc9ea;
--muted: #c5a0d6;
--primary: #a380be;
--secondary: #87589a;
--accent: #6c3f7a;
--highlight: #4a3059;
--border: #26102e;
--text: #0e040e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efeafb;
--color-surface: #dcc9ea;
--color-muted: #c5a0d6;
--color-primary: #a380be;
--color-secondary: #87589a;
--color-accent: #6c3f7a;
--color-highlight: #4a3059;
--color-border: #26102e;
--color-text: #0e040e;
}JSON (DTCG tokens)
{
"steady-vicious-violet-tide-5za": {
"bg": {
"$type": "color",
"$value": "#efeafb"
},
"surface": {
"$type": "color",
"$value": "#dcc9ea"
},
"muted": {
"$type": "color",
"$value": "#c5a0d6"
},
"primary": {
"$type": "color",
"$value": "#a380be"
},
"secondary": {
"$type": "color",
"$value": "#87589a"
},
"accent": {
"$type": "color",
"$value": "#6c3f7a"
},
"highlight": {
"$type": "color",
"$value": "#4a3059"
},
"border": {
"$type": "color",
"$value": "#26102e"
},
"text": {
"$type": "color",
"$value": "#0e040e"
}
}
}About this palette
Steady Vicious Violet Tide is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #EFEAFB, #DCC9EA, #C5A0D6, #A380BE, #87589A, #6C3F7A, #4A3059, #26102E, #0E040E. APCA contrast score Lc 9.3. 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 Steady Vicious Violet Tide by OKLab color distance.