Palette · 9 colors · Lc 7.4
Vivid Cyberpink Horizon palette
Vivid Cyberpink Horizon: a 9-color palette (Trending, Red, Warm, OKLCH Neon). HEX, RGB, HSL and OKLCH for #0F0204, #87072A, #FF2574, #F87D00, #33B700, #00C1B9, #178DF8, #D4A5ED, #E1DDDD, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F0204
surface
#87072A
muted
#FF2574
primary
#F87D00
secondary
#33B700
accent
#00C1B9
highlight
#178DF8
border
#D4A5ED
text
#E1DDDD
Colors in Vivid Cyberpink Horizon: HEX, RGB, HSL & OKLCH
- #0F0204 color page →
bg
#0F0204
- RGB
- rgb(15 2 4)
- HSL
- hsl(351 76% 3%)
- OKLCH
- oklch(0.12 0.032 8.3)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
- #87072A color page →
surface
#87072A
- RGB
- rgb(135 7 42)
- HSL
- hsl(344 90% 28%)
- OKLCH
- oklch(0.399 0.155 15.7)
WCAG contrast: on white 10.02:1 (AAA) · on black 2.09:1 (Fail)
- #FF2574 color page →
muted
#FF2574
- RGB
- rgb(255 37 116)
- HSL
- hsl(338 100% 57%)
- OKLCH
- oklch(0.652 0.245 7.6)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #F87D00 color page →
primary
#F87D00
- RGB
- rgb(248 125 0)
- HSL
- hsl(30 100% 49%)
- OKLCH
- oklch(0.718 0.181 53.3)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.92:1 (AAA)
- #33B700 color page →
secondary
#33B700
- RGB
- rgb(51 183 0)
- HSL
- hsl(103 100% 36%)
- OKLCH
- oklch(0.682 0.221 140.4)
WCAG contrast: on white 2.65:1 (Fail) · on black 7.91:1 (AAA)
- #00C1B9 color page →
accent
#00C1B9
- RGB
- rgb(0 193 185)
- HSL
- hsl(178 100% 38%)
- OKLCH
- oklch(0.731 0.127 189.5)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.32:1 (AAA)
- #178DF8 color page →
highlight
#178DF8
- RGB
- rgb(23 141 248)
- HSL
- hsl(209 94% 53%)
- OKLCH
- oklch(0.64 0.186 252.4)
WCAG contrast: on white 3.38:1 (Fail) · on black 6.20:1 (AA)
- #D4A5ED color page →
border
#D4A5ED
- RGB
- rgb(212 165 237)
- HSL
- hsl(279 67% 79%)
- OKLCH
- oklch(0.789 0.111 313.5)
WCAG contrast: on white 2.01:1 (Fail) · on black 10.40:1 (AAA)
- #E1DDDD color page →
text
#E1DDDD
- RGB
- rgb(225 221 221)
- HSL
- hsl(0 6% 87%)
- OKLCH
- oklch(0.901 0.004 17.2)
WCAG contrast: on white 1.34:1 (Fail) · on black 15.58:1 (AAA)
Export Vivid Cyberpink Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0204;
--surface: #87072a;
--muted: #ff2574;
--primary: #f87d00;
--secondary: #33b700;
--accent: #00c1b9;
--highlight: #178df8;
--border: #d4a5ed;
--text: #e1dddd;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0204;
--color-surface: #87072a;
--color-muted: #ff2574;
--color-primary: #f87d00;
--color-secondary: #33b700;
--color-accent: #00c1b9;
--color-highlight: #178df8;
--color-border: #d4a5ed;
--color-text: #e1dddd;
}JSON (DTCG tokens)
{
"vivid-cyberpink-horizon-4hj": {
"bg": {
"$type": "color",
"$value": "#0f0204"
},
"surface": {
"$type": "color",
"$value": "#87072a"
},
"muted": {
"$type": "color",
"$value": "#ff2574"
},
"primary": {
"$type": "color",
"$value": "#f87d00"
},
"secondary": {
"$type": "color",
"$value": "#33b700"
},
"accent": {
"$type": "color",
"$value": "#00c1b9"
},
"highlight": {
"$type": "color",
"$value": "#178df8"
},
"border": {
"$type": "color",
"$value": "#d4a5ed"
},
"text": {
"$type": "color",
"$value": "#e1dddd"
}
}
}About this palette
Vivid Cyberpink Horizon is a 9-color OKLCH-ready palette tagged trending, red, warm, oklch neon, cyberpunk, rainbow, 9 colors. Hex values: #0F0204, #87072A, #FF2574, #F87D00, #33B700, #00C1B9, #178DF8, #D4A5ED, #E1DDDD. 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 Vivid Cyberpink Horizon by OKLab color distance.