Palette · 7 colors · Lc 9.3
Atomic Bubblegum Baby Girl Beacon palette
Atomic Bubblegum Baby Girl Beacon: a 7-color palette (Pink, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #01030A, #4053D6, #CB54FF, #FC4B2C, #A2A100, #27BDB5, #E4E9F7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- OKLCH Neon
- Cyberpunk
- Rainbow
- 7 Colors
bg
#01030A
surface
#4053D6
muted
#CB54FF
primary
#FC4B2C
secondary
#A2A100
accent
#27BDB5
text
#E4E9F7
Colors in Atomic Bubblegum Baby Girl Beacon: HEX, RGB, HSL & OKLCH
- #01030A color page →
bg
#01030A
- RGB
- rgb(1 3 10)
- HSL
- hsl(227 82% 2%)
- OKLCH
- oklch(0.098 0.024 261)
WCAG contrast: on white 20.61:1 (AAA) · on black 1.01:1 (Fail)
- #4053D6 color page →
surface
#4053D6
- RGB
- rgb(64 83 214)
- HSL
- hsl(232 65% 55%)
- OKLCH
- oklch(0.509 0.2 271)
WCAG contrast: on white 6.12:1 (AA) · on black 3.42:1 (Fail)
- #CB54FF color page →
muted
#CB54FF
- RGB
- rgb(203 84 255)
- HSL
- hsl(282 100% 66%)
- OKLCH
- oklch(0.672 0.251 313.7)
WCAG contrast: on white 3.35:1 (Fail) · on black 6.25:1 (AA)
- #FC4B2C color page →
primary
#FC4B2C
- RGB
- rgb(252 75 44)
- HSL
- hsl(9 97% 58%)
- OKLCH
- oklch(0.663 0.218 32.3)
WCAG contrast: on white 3.39:1 (Fail) · on black 6.18:1 (AA)
- #A2A100 color page →
secondary
#A2A100
- RGB
- rgb(162 161 0)
- HSL
- hsl(60 100% 32%)
- OKLCH
- oklch(0.687 0.149 109.3)
WCAG contrast: on white 2.75:1 (Fail) · on black 7.63:1 (AAA)
- #27BDB5 color page →
accent
#27BDB5
- RGB
- rgb(39 189 181)
- HSL
- hsl(177 66% 45%)
- OKLCH
- oklch(0.723 0.118 189.2)
WCAG contrast: on white 2.32:1 (Fail) · on black 9.03:1 (AAA)
- #E4E9F7 color page →
text
#E4E9F7
- RGB
- rgb(228 233 247)
- HSL
- hsl(224 54% 93%)
- OKLCH
- oklch(0.934 0.02 270.2)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.29:1 (AAA)
Export Atomic Bubblegum Baby Girl Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #01030a;
--surface: #4053d6;
--muted: #cb54ff;
--primary: #fc4b2c;
--secondary: #a2a100;
--accent: #27bdb5;
--text: #e4e9f7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #01030a;
--color-surface: #4053d6;
--color-muted: #cb54ff;
--color-primary: #fc4b2c;
--color-secondary: #a2a100;
--color-accent: #27bdb5;
--color-text: #e4e9f7;
}JSON (DTCG tokens)
{
"atomic-bubblegum-baby-girl-beacon-63a": {
"bg": {
"$type": "color",
"$value": "#01030a"
},
"surface": {
"$type": "color",
"$value": "#4053d6"
},
"muted": {
"$type": "color",
"$value": "#cb54ff"
},
"primary": {
"$type": "color",
"$value": "#fc4b2c"
},
"secondary": {
"$type": "color",
"$value": "#a2a100"
},
"accent": {
"$type": "color",
"$value": "#27bdb5"
},
"text": {
"$type": "color",
"$value": "#e4e9f7"
}
}
}About this palette
Atomic Bubblegum Baby Girl Beacon is a 7-color OKLCH-ready palette tagged pink, oklch neon, cyberpunk, rainbow, 7 colors. Hex values: #01030A, #4053D6, #CB54FF, #FC4B2C, #A2A100, #27BDB5, #E4E9F7. APCA contrast score Lc 9.3. 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 Bubblegum Baby Girl Beacon by OKLab color distance.