Palette · 10 colors · Lc 8.6
Neon Pink Party Canvas palette
Neon Pink Party Canvas: a 10-color palette (Red, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #060610, #403678, #8E6BFF, #EB60EA, #FF415B, #D77500, #77AE00, #00C19E, #74C5FC, #E9E9F5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- OKLCH Neon
- Cyberpunk
- Rainbow
- 10 Colors
bg
#060610
surface
#403678
muted
#8E6BFF
primary
#EB60EA
secondary
#FF415B
accent
#D77500
highlight
#77AE00
border
#00C19E
focus
#74C5FC
text
#E9E9F5
Colors in Neon Pink Party Canvas: HEX, RGB, HSL & OKLCH
- #060610 color page →
bg
#060610
- RGB
- rgb(6 6 16)
- HSL
- hsl(240 45% 4%)
- OKLCH
- oklch(0.129 0.023 282.6)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
- #403678 color page →
surface
#403678
- RGB
- rgb(64 54 120)
- HSL
- hsl(249 38% 34%)
- OKLCH
- oklch(0.38 0.108 287)
WCAG contrast: on white 10.41:1 (AAA) · on black 2.01:1 (Fail)
- #8E6BFF color page →
muted
#8E6BFF
- RGB
- rgb(142 107 255)
- HSL
- hsl(254 100% 71%)
- OKLCH
- oklch(0.637 0.21 290)
WCAG contrast: on white 3.68:1 (Fail) · on black 5.69:1 (AA)
- #EB60EA color page →
primary
#EB60EA
- RGB
- rgb(235 96 234)
- HSL
- hsl(300 78% 65%)
- OKLCH
- oklch(0.714 0.232 328)
WCAG contrast: on white 2.84:1 (Fail) · on black 7.39:1 (AAA)
- #FF415B color page →
secondary
#FF415B
- RGB
- rgb(255 65 91)
- HSL
- hsl(352 100% 63%)
- OKLCH
- oklch(0.664 0.224 18.7)
WCAG contrast: on white 3.40:1 (Fail) · on black 6.15:1 (AA)
- #D77500 color page →
accent
#D77500
- RGB
- rgb(215 117 0)
- HSL
- hsl(33 100% 42%)
- OKLCH
- oklch(0.66 0.158 58.2)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.43:1 (AA)
- #77AE00 color page →
highlight
#77AE00
- RGB
- rgb(119 174 0)
- HSL
- hsl(79 100% 34%)
- OKLCH
- oklch(0.686 0.181 128.7)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.83:1 (AAA)
- #00C19E color page →
border
#00C19E
- RGB
- rgb(0 193 158)
- HSL
- hsl(169 100% 38%)
- OKLCH
- oklch(0.723 0.138 173.5)
WCAG contrast: on white 2.30:1 (Fail) · on black 9.12:1 (AAA)
- #74C5FC color page →
focus
#74C5FC
- RGB
- rgb(116 197 252)
- HSL
- hsl(204 96% 72%)
- OKLCH
- oklch(0.793 0.112 239.9)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.13:1 (AAA)
- #E9E9F5 color page →
text
#E9E9F5
- RGB
- rgb(233 233 245)
- HSL
- hsl(240 38% 94%)
- OKLCH
- oklch(0.938 0.016 286.1)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.43:1 (AAA)
Export Neon Pink Party Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060610;
--surface: #403678;
--muted: #8e6bff;
--primary: #eb60ea;
--secondary: #ff415b;
--accent: #d77500;
--highlight: #77ae00;
--border: #00c19e;
--focus: #74c5fc;
--text: #e9e9f5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060610;
--color-surface: #403678;
--color-muted: #8e6bff;
--color-primary: #eb60ea;
--color-secondary: #ff415b;
--color-accent: #d77500;
--color-highlight: #77ae00;
--color-border: #00c19e;
--color-focus: #74c5fc;
--color-text: #e9e9f5;
}JSON (DTCG tokens)
{
"neon-pink-party-canvas-6wl": {
"bg": {
"$type": "color",
"$value": "#060610"
},
"surface": {
"$type": "color",
"$value": "#403678"
},
"muted": {
"$type": "color",
"$value": "#8e6bff"
},
"primary": {
"$type": "color",
"$value": "#eb60ea"
},
"secondary": {
"$type": "color",
"$value": "#ff415b"
},
"accent": {
"$type": "color",
"$value": "#d77500"
},
"highlight": {
"$type": "color",
"$value": "#77ae00"
},
"border": {
"$type": "color",
"$value": "#00c19e"
},
"focus": {
"$type": "color",
"$value": "#74c5fc"
},
"text": {
"$type": "color",
"$value": "#e9e9f5"
}
}
}About this palette
Neon Pink Party Canvas is a 10-color OKLCH-ready palette tagged red, oklch neon, cyberpunk, rainbow, 10 colors. Hex values: #060610, #403678, #8E6BFF, #EB60EA, #FF415B, #D77500, #77AE00, #00C19E, #74C5FC, #E9E9F5. 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 Neon Pink Party Canvas by OKLab color distance.