Palette · 7 colors · Lc 8.6
Steady Neon Violet Ember palette
Steady Neon Violet Ember: a 7-color palette (Trending, Pink, Gray, 7 Colors). HEX, RGB, HSL and OKLCH for #ECEDFF, #BFCAE3, #95A1C9, #79739F, #684F7B, #40344B, #191627, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECEDFF
surface
#BFCAE3
muted
#95A1C9
primary
#79739F
secondary
#684F7B
accent
#40344B
text
#191627
Colors in Steady Neon Violet Ember: HEX, RGB, HSL & OKLCH
- #ECEDFF color page →
bg
#ECEDFF
- RGB
- rgb(236 237 255)
- HSL
- hsl(237 100% 96%)
- OKLCH
- oklch(0.951 0.024 283.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
- #BFCAE3 color page →
surface
#BFCAE3
- RGB
- rgb(191 202 227)
- HSL
- hsl(222 39% 82%)
- OKLCH
- oklch(0.838 0.037 266.7)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.77:1 (AAA)
- #95A1C9 color page →
muted
#95A1C9
- RGB
- rgb(149 161 201)
- HSL
- hsl(226 32% 69%)
- OKLCH
- oklch(0.714 0.06 271.8)
WCAG contrast: on white 2.55:1 (Fail) · on black 8.21:1 (AAA)
- #79739F color page →
primary
#79739F
- RGB
- rgb(121 115 159)
- HSL
- hsl(248 19% 54%)
- OKLCH
- oklch(0.578 0.067 290.4)
WCAG contrast: on white 4.40:1 (Fail) · on black 4.76:1 (AA)
- #684F7B color page →
secondary
#684F7B
- RGB
- rgb(104 79 123)
- HSL
- hsl(274 22% 40%)
- OKLCH
- oklch(0.471 0.075 309.7)
WCAG contrast: on white 7.01:1 (AAA) · on black 2.99:1 (Fail)
- #40344B color page →
accent
#40344B
- RGB
- rgb(64 52 75)
- HSL
- hsl(271 18% 25%)
- OKLCH
- oklch(0.348 0.042 308.1)
WCAG contrast: on white 11.59:1 (AAA) · on black 1.81:1 (Fail)
- #191627 color page →
text
#191627
- RGB
- rgb(25 22 39)
- HSL
- hsl(251 28% 12%)
- OKLCH
- oklch(0.213 0.033 291.4)
WCAG contrast: on white 17.71:1 (AAA) · on black 1.18:1 (Fail)
Export Steady Neon Violet Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecedff;
--surface: #bfcae3;
--muted: #95a1c9;
--primary: #79739f;
--secondary: #684f7b;
--accent: #40344b;
--text: #191627;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecedff;
--color-surface: #bfcae3;
--color-muted: #95a1c9;
--color-primary: #79739f;
--color-secondary: #684f7b;
--color-accent: #40344b;
--color-text: #191627;
}JSON (DTCG tokens)
{
"steady-neon-violet-ember-68v": {
"bg": {
"$type": "color",
"$value": "#ecedff"
},
"surface": {
"$type": "color",
"$value": "#bfcae3"
},
"muted": {
"$type": "color",
"$value": "#95a1c9"
},
"primary": {
"$type": "color",
"$value": "#79739f"
},
"secondary": {
"$type": "color",
"$value": "#684f7b"
},
"accent": {
"$type": "color",
"$value": "#40344b"
},
"text": {
"$type": "color",
"$value": "#191627"
}
}
}About this palette
Steady Neon Violet Ember is a 7-color OKLCH-ready palette tagged trending, pink, gray, 7 colors. Hex values: #ECEDFF, #BFCAE3, #95A1C9, #79739F, #684F7B, #40344B, #191627. APCA contrast score Lc 8.6. 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 Neon Violet Ember by OKLab color distance.