Palette · 8 colors · Lc 9.4
Neon Sapphire Glitter Circuit palette
Neon Sapphire Glitter Circuit: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #EBF0F9, #A7C5FA, #5C97F3, #2868EF, #1640D4, #003082, #0C2150, #030816, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBF0F9
surface
#A7C5FA
muted
#5C97F3
primary
#2868EF
secondary
#1640D4
accent
#003082
highlight
#0C2150
text
#030816
Colors in Neon Sapphire Glitter Circuit: HEX, RGB, HSL & OKLCH
- #EBF0F9 color page →
bg
#EBF0F9
- RGB
- rgb(235 240 249)
- HSL
- hsl(219 54% 95%)
- OKLCH
- oklch(0.954 0.013 262.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.36:1 (AAA)
- #A7C5FA color page →
surface
#A7C5FA
- RGB
- rgb(167 197 250)
- HSL
- hsl(218 89% 82%)
- OKLCH
- oklch(0.82 0.082 261.7)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.01:1 (AAA)
- #5C97F3 color page →
muted
#5C97F3
- RGB
- rgb(92 151 243)
- HSL
- hsl(217 86% 66%)
- OKLCH
- oklch(0.678 0.15 259)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.17:1 (AAA)
- #2868EF color page →
primary
#2868EF
- RGB
- rgb(40 104 239)
- HSL
- hsl(221 86% 55%)
- OKLCH
- oklch(0.56 0.214 262.6)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #1640D4 color page →
secondary
#1640D4
- RGB
- rgb(22 64 212)
- HSL
- hsl(227 81% 46%)
- OKLCH
- oklch(0.459 0.229 265)
WCAG contrast: on white 7.72:1 (AAA) · on black 2.71:1 (Fail)
- #003082 color page →
accent
#003082
- RGB
- rgb(0 48 130)
- HSL
- hsl(218 100% 25%)
- OKLCH
- oklch(0.342 0.146 260.8)
WCAG contrast: on white 12.03:1 (AAA) · on black 1.74:1 (Fail)
- #0C2150 color page →
highlight
#0C2150
- RGB
- rgb(12 33 80)
- HSL
- hsl(221 74% 18%)
- OKLCH
- oklch(0.263 0.091 263.4)
WCAG contrast: on white 15.56:1 (AAA) · on black 1.34:1 (Fail)
- #030816 color page →
text
#030816
- RGB
- rgb(3 8 22)
- HSL
- hsl(224 76% 5%)
- OKLCH
- oklch(0.137 0.033 262.2)
WCAG contrast: on white 19.99:1 (AAA) · on black 1.05:1 (Fail)
Export Neon Sapphire Glitter Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebf0f9;
--surface: #a7c5fa;
--muted: #5c97f3;
--primary: #2868ef;
--secondary: #1640d4;
--accent: #003082;
--highlight: #0c2150;
--text: #030816;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebf0f9;
--color-surface: #a7c5fa;
--color-muted: #5c97f3;
--color-primary: #2868ef;
--color-secondary: #1640d4;
--color-accent: #003082;
--color-highlight: #0c2150;
--color-text: #030816;
}JSON (DTCG tokens)
{
"neon-sapphire-glitter-circuit-7j5": {
"bg": {
"$type": "color",
"$value": "#ebf0f9"
},
"surface": {
"$type": "color",
"$value": "#a7c5fa"
},
"muted": {
"$type": "color",
"$value": "#5c97f3"
},
"primary": {
"$type": "color",
"$value": "#2868ef"
},
"secondary": {
"$type": "color",
"$value": "#1640d4"
},
"accent": {
"$type": "color",
"$value": "#003082"
},
"highlight": {
"$type": "color",
"$value": "#0c2150"
},
"text": {
"$type": "color",
"$value": "#030816"
}
}
}About this palette
Neon Sapphire Glitter Circuit is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #EBF0F9, #A7C5FA, #5C97F3, #2868EF, #1640D4, #003082, #0C2150, #030816. APCA contrast score Lc 9.4. 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 Neon Sapphire Glitter Circuit by OKLab color distance.