Palette · 9 colors · Lc 8.9
Neon Magenta Fizz Drift palette
Neon Magenta Fizz Drift: a 9-color palette (Red, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #040905, #005F24, #00C300, #00C1FE, #5789FF, #E94CEB, #FF3A37, #E7BA55, #E5E9E6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- OKLCH Neon
- Cyberpunk
- Rainbow
- 9 Colors
bg
#040905
surface
#005F24
muted
#00C300
primary
#00C1FE
secondary
#5789FF
accent
#E94CEB
highlight
#FF3A37
border
#E7BA55
text
#E5E9E6
Colors in Neon Magenta Fizz Drift: HEX, RGB, HSL & OKLCH
- #040905 color page →
bg
#040905
- RGB
- rgb(4 9 5)
- HSL
- hsl(132 38% 3%)
- OKLCH
- oklch(0.131 0.015 151.4)
WCAG contrast: on white 20.06:1 (AAA) · on black 1.04:1 (Fail)
- #005F24 color page →
surface
#005F24
- RGB
- rgb(0 95 36)
- HSL
- hsl(143 100% 19%)
- OKLCH
- oklch(0.424 0.121 148.5)
WCAG contrast: on white 7.88:1 (AAA) · on black 2.66:1 (Fail)
- #00C300 color page →
muted
#00C300
- RGB
- rgb(0 195 0)
- HSL
- hsl(120 100% 38%)
- OKLCH
- oklch(0.708 0.241 142.5)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.80:1 (AAA)
- #00C1FE color page →
primary
#00C1FE
- RGB
- rgb(0 193 254)
- HSL
- hsl(194 100% 50%)
- OKLCH
- oklch(0.76 0.152 230.1)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.05:1 (AAA)
- #5789FF color page →
secondary
#5789FF
- RGB
- rgb(87 137 255)
- HSL
- hsl(222 100% 67%)
- OKLCH
- oklch(0.654 0.183 264.6)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.42:1 (AA)
- #E94CEB color page →
accent
#E94CEB
- RGB
- rgb(233 76 235)
- HSL
- hsl(299 80% 61%)
- OKLCH
- oklch(0.692 0.256 327.4)
WCAG contrast: on white 3.13:1 (Fail) · on black 6.69:1 (AA)
- #FF3A37 color page →
highlight
#FF3A37
- RGB
- rgb(255 58 55)
- HSL
- hsl(1 100% 61%)
- OKLCH
- oklch(0.654 0.232 27.1)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.91:1 (AA)
- #E7BA55 color page →
border
#E7BA55
- RGB
- rgb(231 186 85)
- HSL
- hsl(42 75% 62%)
- OKLCH
- oklch(0.81 0.129 85)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.55:1 (AAA)
- #E5E9E6 color page →
text
#E5E9E6
- RGB
- rgb(229 233 230)
- HSL
- hsl(135 8% 91%)
- OKLCH
- oklch(0.93 0.006 153.8)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.12:1 (AAA)
Export Neon Magenta Fizz Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #040905;
--surface: #005f24;
--muted: #00c300;
--primary: #00c1fe;
--secondary: #5789ff;
--accent: #e94ceb;
--highlight: #ff3a37;
--border: #e7ba55;
--text: #e5e9e6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #040905;
--color-surface: #005f24;
--color-muted: #00c300;
--color-primary: #00c1fe;
--color-secondary: #5789ff;
--color-accent: #e94ceb;
--color-highlight: #ff3a37;
--color-border: #e7ba55;
--color-text: #e5e9e6;
}JSON (DTCG tokens)
{
"neon-magenta-fizz-drift-1nn": {
"bg": {
"$type": "color",
"$value": "#040905"
},
"surface": {
"$type": "color",
"$value": "#005f24"
},
"muted": {
"$type": "color",
"$value": "#00c300"
},
"primary": {
"$type": "color",
"$value": "#00c1fe"
},
"secondary": {
"$type": "color",
"$value": "#5789ff"
},
"accent": {
"$type": "color",
"$value": "#e94ceb"
},
"highlight": {
"$type": "color",
"$value": "#ff3a37"
},
"border": {
"$type": "color",
"$value": "#e7ba55"
},
"text": {
"$type": "color",
"$value": "#e5e9e6"
}
}
}About this palette
Neon Magenta Fizz Drift is a 9-color OKLCH-ready palette tagged red, oklch neon, cyberpunk, rainbow, 9 colors. Hex values: #040905, #005F24, #00C300, #00C1FE, #5789FF, #E94CEB, #FF3A37, #E7BA55, #E5E9E6. APCA contrast score Lc 8.9. 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 Magenta Fizz Drift by OKLab color distance.