Palette · 9 colors · Lc 8
Electric Opulent Blue Ember palette
Electric Opulent Blue Ember: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D5E5F8, #99D4FF, #00BAFF, #0097FF, #0070FF, #0F50E9, #342BB5, #00206B, #000F3C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D5E5F8
surface
#99D4FF
muted
#00BAFF
primary
#0097FF
secondary
#0070FF
accent
#0F50E9
highlight
#342BB5
border
#00206B
text
#000F3C
Colors in Electric Opulent Blue Ember: HEX, RGB, HSL & OKLCH
- #D5E5F8 color page →
bg
#D5E5F8
- RGB
- rgb(213 229 248)
- HSL
- hsl(213 71% 90%)
- OKLCH
- oklch(0.916 0.031 252.7)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.39:1 (AAA)
- #99D4FF color page →
surface
#99D4FF
- RGB
- rgb(153 212 255)
- HSL
- hsl(205 100% 80%)
- OKLCH
- oklch(0.845 0.085 240.7)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.21:1 (AAA)
- #00BAFF color page →
muted
#00BAFF
- RGB
- rgb(0 186 255)
- HSL
- hsl(196 100% 50%)
- OKLCH
- oklch(0.744 0.156 234.3)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.46:1 (AAA)
- #0097FF color page →
primary
#0097FF
- RGB
- rgb(0 151 255)
- HSL
- hsl(204 100% 50%)
- OKLCH
- oklch(0.665 0.186 249.5)
WCAG contrast: on white 3.05:1 (Fail) · on black 6.87:1 (AA)
- #0070FF color page →
secondary
#0070FF
- RGB
- rgb(0 112 255)
- HSL
- hsl(214 100% 50%)
- OKLCH
- oklch(0.583 0.229 259.3)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.76:1 (AA)
- #0F50E9 color page →
accent
#0F50E9
- RGB
- rgb(15 80 233)
- HSL
- hsl(222 88% 49%)
- OKLCH
- oklch(0.505 0.238 263.2)
WCAG contrast: on white 6.27:1 (AA) · on black 3.34:1 (Fail)
- #342BB5 color page →
highlight
#342BB5
- RGB
- rgb(52 43 181)
- HSL
- hsl(244 62% 44%)
- OKLCH
- oklch(0.407 0.205 275.1)
WCAG contrast: on white 9.72:1 (AAA) · on black 2.15:1 (Fail)
- #00206B color page →
border
#00206B
- RGB
- rgb(0 32 107)
- HSL
- hsl(222 100% 21%)
- OKLCH
- oklch(0.284 0.135 262.4)
WCAG contrast: on white 14.80:1 (AAA) · on black 1.41:1 (Fail)
- #000F3C color page →
text
#000F3C
- RGB
- rgb(0 15 60)
- HSL
- hsl(225 100% 12%)
- OKLCH
- oklch(0.194 0.09 262)
WCAG contrast: on white 18.52:1 (AAA) · on black 1.13:1 (Fail)
Export Electric Opulent Blue Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d5e5f8;
--surface: #99d4ff;
--muted: #00baff;
--primary: #0097ff;
--secondary: #0070ff;
--accent: #0f50e9;
--highlight: #342bb5;
--border: #00206b;
--text: #000f3c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d5e5f8;
--color-surface: #99d4ff;
--color-muted: #00baff;
--color-primary: #0097ff;
--color-secondary: #0070ff;
--color-accent: #0f50e9;
--color-highlight: #342bb5;
--color-border: #00206b;
--color-text: #000f3c;
}JSON (DTCG tokens)
{
"electric-opulent-blue-ember-1gz": {
"bg": {
"$type": "color",
"$value": "#d5e5f8"
},
"surface": {
"$type": "color",
"$value": "#99d4ff"
},
"muted": {
"$type": "color",
"$value": "#00baff"
},
"primary": {
"$type": "color",
"$value": "#0097ff"
},
"secondary": {
"$type": "color",
"$value": "#0070ff"
},
"accent": {
"$type": "color",
"$value": "#0f50e9"
},
"highlight": {
"$type": "color",
"$value": "#342bb5"
},
"border": {
"$type": "color",
"$value": "#00206b"
},
"text": {
"$type": "color",
"$value": "#000f3c"
}
}
}About this palette
Electric Opulent Blue Ember is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #D5E5F8, #99D4FF, #00BAFF, #0097FF, #0070FF, #0F50E9, #342BB5, #00206B, #000F3C. APCA contrast score Lc 8. 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 Electric Opulent Blue Ember by OKLab color distance.