Palette · 3 colors · Lc 8.7
Atomic Magenta Affair Fog palette
Atomic Magenta Affair Fog: a 3-color palette (Pink, Dark Mode UI, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #07020A, #A53EDA, #F1E8F6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 3 Colors
bg
#07020A
accent
#A53EDA
text
#F1E8F6
Colors in Atomic Magenta Affair Fog: HEX, RGB, HSL & OKLCH
- #07020A color page →
bg
#07020A
- RGB
- rgb(7 2 10)
- HSL
- hsl(278 67% 2%)
- OKLCH
- oklch(0.107 0.029 315.6)
WCAG contrast: on white 20.54:1 (AAA) · on black 1.02:1 (Fail)
- #A53EDA color page →
accent
#A53EDA
- RGB
- rgb(165 62 218)
- HSL
- hsl(280 68% 55%)
- OKLCH
- oklch(0.578 0.231 311.4)
WCAG contrast: on white 4.88:1 (AA) · on black 4.30:1 (Fail)
- #F1E8F6 color page →
text
#F1E8F6
- RGB
- rgb(241 232 246)
- HSL
- hsl(279 44% 94%)
- OKLCH
- oklch(0.942 0.021 313.8)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)
Export Atomic Magenta Affair Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #07020a;
--accent: #a53eda;
--text: #f1e8f6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #07020a;
--color-accent: #a53eda;
--color-text: #f1e8f6;
}JSON (DTCG tokens)
{
"atomic-magenta-affair-fog-1xi": {
"bg": {
"$type": "color",
"$value": "#07020a"
},
"accent": {
"$type": "color",
"$value": "#a53eda"
},
"text": {
"$type": "color",
"$value": "#f1e8f6"
}
}
}About this palette
Atomic Magenta Affair Fog is a 3-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 3 colors. Hex values: #07020A, #A53EDA, #F1E8F6. APCA contrast score Lc 8.7. 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 Magenta Affair Fog by OKLab color distance.