Palette · 8 colors · Lc 7.4
Electric Green Glimmer Lattice palette
Electric Green Glimmer Lattice: a 8-color palette (Green, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #060514, #4949AA, #C16CFF, #FF4477, #EC7F00, #00B900, #00C7DF, #DCDCE3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- OKLCH Neon
- Cyberpunk
- Rainbow
- 8 Colors
bg
#060514
surface
#4949AA
muted
#C16CFF
primary
#FF4477
secondary
#EC7F00
accent
#00B900
highlight
#00C7DF
text
#DCDCE3
Colors in Electric Green Glimmer Lattice: HEX, RGB, HSL & OKLCH
- #060514 color page →
bg
#060514
- RGB
- rgb(6 5 20)
- HSL
- hsl(244 60% 5%)
- OKLCH
- oklch(0.128 0.035 284.4)
WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)
- #4949AA color page →
surface
#4949AA
- RGB
- rgb(73 73 170)
- HSL
- hsl(240 40% 48%)
- OKLCH
- oklch(0.461 0.152 278.6)
WCAG contrast: on white 7.45:1 (AAA) · on black 2.81:1 (Fail)
- #C16CFF color page →
muted
#C16CFF
- RGB
- rgb(193 108 255)
- HSL
- hsl(275 100% 71%)
- OKLCH
- oklch(0.689 0.216 308.4)
WCAG contrast: on white 3.06:1 (Fail) · on black 6.85:1 (AA)
- #FF4477 color page →
primary
#FF4477
- RGB
- rgb(255 68 119)
- HSL
- hsl(344 100% 63%)
- OKLCH
- oklch(0.673 0.223 9.8)
WCAG contrast: on white 3.30:1 (Fail) · on black 6.34:1 (AA)
- #EC7F00 color page →
secondary
#EC7F00
- RGB
- rgb(236 127 0)
- HSL
- hsl(32 100% 46%)
- OKLCH
- oklch(0.704 0.17 57.2)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.60:1 (AAA)
- #00B900 color page →
accent
#00B900
- RGB
- rgb(0 185 0)
- HSL
- hsl(120 100% 36%)
- OKLCH
- oklch(0.681 0.232 142.5)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.93:1 (AAA)
- #00C7DF color page →
highlight
#00C7DF
- RGB
- rgb(0 199 223)
- HSL
- hsl(186 100% 44%)
- OKLCH
- oklch(0.76 0.131 210)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.23:1 (AAA)
- #DCDCE3 color page →
text
#DCDCE3
- RGB
- rgb(220 220 227)
- HSL
- hsl(240 11% 88%)
- OKLCH
- oklch(0.897 0.009 286.2)
WCAG contrast: on white 1.36:1 (Fail) · on black 15.38:1 (AAA)
Export Electric Green Glimmer Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060514;
--surface: #4949aa;
--muted: #c16cff;
--primary: #ff4477;
--secondary: #ec7f00;
--accent: #00b900;
--highlight: #00c7df;
--text: #dcdce3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060514;
--color-surface: #4949aa;
--color-muted: #c16cff;
--color-primary: #ff4477;
--color-secondary: #ec7f00;
--color-accent: #00b900;
--color-highlight: #00c7df;
--color-text: #dcdce3;
}JSON (DTCG tokens)
{
"electric-green-glimmer-lattice-4ob": {
"bg": {
"$type": "color",
"$value": "#060514"
},
"surface": {
"$type": "color",
"$value": "#4949aa"
},
"muted": {
"$type": "color",
"$value": "#c16cff"
},
"primary": {
"$type": "color",
"$value": "#ff4477"
},
"secondary": {
"$type": "color",
"$value": "#ec7f00"
},
"accent": {
"$type": "color",
"$value": "#00b900"
},
"highlight": {
"$type": "color",
"$value": "#00c7df"
},
"text": {
"$type": "color",
"$value": "#dcdce3"
}
}
}About this palette
Electric Green Glimmer Lattice is a 8-color OKLCH-ready palette tagged green, oklch neon, cyberpunk, rainbow, 8 colors. Hex values: #060514, #4949AA, #C16CFF, #FF4477, #EC7F00, #00B900, #00C7DF, #DCDCE3. APCA contrast score Lc 7.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 Electric Green Glimmer Lattice by OKLab color distance.