Palette · 9 colors · Lc 8
Neon Magenta Canvas palette
Neon Magenta Canvas: a 9-color palette (Red, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #0A0509, #6F1D6F, #FE3FFE, #FF3025, #BB8B00, #00BA57, #00AEE6, #A7B6FF, #E7D9E6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- OKLCH Neon
- Cyberpunk
- Rainbow
- 9 Colors
bg
#0A0509
surface
#6F1D6F
muted
#FE3FFE
primary
#FF3025
secondary
#BB8B00
accent
#00BA57
highlight
#00AEE6
border
#A7B6FF
text
#E7D9E6
Colors in Neon Magenta Canvas: HEX, RGB, HSL & OKLCH
- #0A0509 color page →
bg
#0A0509
- RGB
- rgb(10 5 9)
- HSL
- hsl(312 33% 3%)
- OKLCH
- oklch(0.126 0.015 332.5)
WCAG contrast: on white 20.22:1 (AAA) · on black 1.03:1 (Fail)
- #6F1D6F color page →
surface
#6F1D6F
- RGB
- rgb(111 29 111)
- HSL
- hsl(300 59% 27%)
- OKLCH
- oklch(0.398 0.151 328)
WCAG contrast: on white 10.09:1 (AAA) · on black 2.08:1 (Fail)
- #FE3FFE color page →
muted
#FE3FFE
- RGB
- rgb(254 63 254)
- HSL
- hsl(300 99% 62%)
- OKLCH
- oklch(0.721 0.293 328.1)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.35:1 (AAA)
- #FF3025 color page →
primary
#FF3025
- RGB
- rgb(255 48 37)
- HSL
- hsl(3 100% 57%)
- OKLCH
- oklch(0.646 0.24 29)
WCAG contrast: on white 3.68:1 (Fail) · on black 5.70:1 (AA)
- #BB8B00 color page →
secondary
#BB8B00
- RGB
- rgb(187 139 0)
- HSL
- hsl(45 100% 37%)
- OKLCH
- oklch(0.665 0.137 84)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.80:1 (AA)
- #00BA57 color page →
accent
#00BA57
- RGB
- rgb(0 186 87)
- HSL
- hsl(148 100% 36%)
- OKLCH
- oklch(0.69 0.189 150.2)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.16:1 (AAA)
- #00AEE6 color page →
highlight
#00AEE6
- RGB
- rgb(0 174 230)
- HSL
- hsl(195 100% 45%)
- OKLCH
- oklch(0.704 0.141 230.4)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.19:1 (AAA)
- #A7B6FF color page →
border
#A7B6FF
- RGB
- rgb(167 182 255)
- HSL
- hsl(230 100% 83%)
- OKLCH
- oklch(0.792 0.105 274.8)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.77:1 (AAA)
- #E7D9E6 color page →
text
#E7D9E6
- RGB
- rgb(231 217 230)
- HSL
- hsl(304 23% 88%)
- OKLCH
- oklch(0.9 0.023 327.9)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.46:1 (AAA)
Export Neon Magenta Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a0509;
--surface: #6f1d6f;
--muted: #fe3ffe;
--primary: #ff3025;
--secondary: #bb8b00;
--accent: #00ba57;
--highlight: #00aee6;
--border: #a7b6ff;
--text: #e7d9e6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a0509;
--color-surface: #6f1d6f;
--color-muted: #fe3ffe;
--color-primary: #ff3025;
--color-secondary: #bb8b00;
--color-accent: #00ba57;
--color-highlight: #00aee6;
--color-border: #a7b6ff;
--color-text: #e7d9e6;
}JSON (DTCG tokens)
{
"neon-magenta-canvas-7nu": {
"bg": {
"$type": "color",
"$value": "#0a0509"
},
"surface": {
"$type": "color",
"$value": "#6f1d6f"
},
"muted": {
"$type": "color",
"$value": "#fe3ffe"
},
"primary": {
"$type": "color",
"$value": "#ff3025"
},
"secondary": {
"$type": "color",
"$value": "#bb8b00"
},
"accent": {
"$type": "color",
"$value": "#00ba57"
},
"highlight": {
"$type": "color",
"$value": "#00aee6"
},
"border": {
"$type": "color",
"$value": "#a7b6ff"
},
"text": {
"$type": "color",
"$value": "#e7d9e6"
}
}
}About this palette
Neon Magenta Canvas is a 9-color OKLCH-ready palette tagged red, oklch neon, cyberpunk, rainbow, 9 colors. Hex values: #0A0509, #6F1D6F, #FE3FFE, #FF3025, #BB8B00, #00BA57, #00AEE6, #A7B6FF, #E7D9E6. 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 Neon Magenta Canvas by OKLab color distance.