Palette · 7 colors · Lc 8.1
Atomic Pink Hysteria Fog palette
Atomic Pink Hysteria Fog: a 7-color palette (Trending, Red, Warm, OKLCH Neon). HEX, RGB, HSL and OKLCH for #0A060F, #9335C0, #FF20B3, #FA6400, #00B025, #1EB6E7, #E7DFF2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0A060F
surface
#9335C0
muted
#FF20B3
primary
#FA6400
secondary
#00B025
accent
#1EB6E7
text
#E7DFF2
Colors in Atomic Pink Hysteria Fog: HEX, RGB, HSL & OKLCH
- #0A060F color page →
bg
#0A060F
- RGB
- rgb(10 6 15)
- HSL
- hsl(267 43% 4%)
- OKLCH
- oklch(0.134 0.022 305.7)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
- #9335C0 color page →
surface
#9335C0
- RGB
- rgb(147 53 192)
- HSL
- hsl(281 57% 48%)
- OKLCH
- oklch(0.528 0.211 312.3)
WCAG contrast: on white 5.98:1 (AA) · on black 3.51:1 (Fail)
- #FF20B3 color page →
muted
#FF20B3
- RGB
- rgb(255 32 179)
- HSL
- hsl(320 100% 56%)
- OKLCH
- oklch(0.671 0.27 347.6)
WCAG contrast: on white 3.43:1 (Fail) · on black 6.10:1 (AA)
- #FA6400 color page →
primary
#FA6400
- RGB
- rgb(250 100 0)
- HSL
- hsl(24 100% 49%)
- OKLCH
- oklch(0.686 0.201 43.5)
WCAG contrast: on white 3.04:1 (Fail) · on black 6.88:1 (AA)
- #00B025 color page →
secondary
#00B025
- RGB
- rgb(0 176 37)
- HSL
- hsl(133 100% 35%)
- OKLCH
- oklch(0.657 0.213 144.1)
WCAG contrast: on white 2.90:1 (Fail) · on black 7.23:1 (AAA)
- #1EB6E7 color page →
accent
#1EB6E7
- RGB
- rgb(30 182 231)
- HSL
- hsl(195 81% 51%)
- OKLCH
- oklch(0.725 0.135 226.9)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #E7DFF2 color page →
text
#E7DFF2
- RGB
- rgb(231 223 242)
- HSL
- hsl(265 42% 91%)
- OKLCH
- oklch(0.916 0.027 304.8)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.23:1 (AAA)
Export Atomic Pink Hysteria Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a060f;
--surface: #9335c0;
--muted: #ff20b3;
--primary: #fa6400;
--secondary: #00b025;
--accent: #1eb6e7;
--text: #e7dff2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a060f;
--color-surface: #9335c0;
--color-muted: #ff20b3;
--color-primary: #fa6400;
--color-secondary: #00b025;
--color-accent: #1eb6e7;
--color-text: #e7dff2;
}JSON (DTCG tokens)
{
"atomic-pink-hysteria-fog-25": {
"bg": {
"$type": "color",
"$value": "#0a060f"
},
"surface": {
"$type": "color",
"$value": "#9335c0"
},
"muted": {
"$type": "color",
"$value": "#ff20b3"
},
"primary": {
"$type": "color",
"$value": "#fa6400"
},
"secondary": {
"$type": "color",
"$value": "#00b025"
},
"accent": {
"$type": "color",
"$value": "#1eb6e7"
},
"text": {
"$type": "color",
"$value": "#e7dff2"
}
}
}About this palette
Atomic Pink Hysteria Fog is a 7-color OKLCH-ready palette tagged trending, red, warm, oklch neon, cyberpunk, rainbow, 7 colors. Hex values: #0A060F, #9335C0, #FF20B3, #FA6400, #00B025, #1EB6E7, #E7DFF2. APCA contrast score Lc 8.1. 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 Atomic Pink Hysteria Fog by OKLab color distance.