Palette · 3 colors · Lc 9.2
Atomic Magentleman Forge palette
Atomic Magentleman Forge: a 3-color palette (Red, 3 Colors). HEX, RGB, HSL and OKLCH for #EDF4EE, #A21FB2, #040604, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 3 Colors
bg
#EDF4EE
accent
#A21FB2
text
#040604
Colors in Atomic Magentleman Forge: HEX, RGB, HSL & OKLCH
- #EDF4EE color page →
bg
#EDF4EE
- RGB
- rgb(237 244 238)
- HSL
- hsl(129 24% 94%)
- OKLCH
- oklch(0.96 0.011 149.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.77:1 (AAA)
- #A21FB2 color page →
accent
#A21FB2
- RGB
- rgb(162 31 178)
- HSL
- hsl(293 70% 41%)
- OKLCH
- oklch(0.522 0.226 323)
WCAG contrast: on white 6.22:1 (AA) · on black 3.37:1 (Fail)
- #040604 color page →
text
#040604
- RGB
- rgb(4 6 4)
- HSL
- hsl(120 20% 2%)
- OKLCH
- oklch(0.117 0.009 145)
WCAG contrast: on white 20.32:1 (AAA) · on black 1.03:1 (Fail)
Export Atomic Magentleman Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf4ee;
--accent: #a21fb2;
--text: #040604;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf4ee;
--color-accent: #a21fb2;
--color-text: #040604;
}JSON (DTCG tokens)
{
"atomic-magentleman-forge-yb": {
"bg": {
"$type": "color",
"$value": "#edf4ee"
},
"accent": {
"$type": "color",
"$value": "#a21fb2"
},
"text": {
"$type": "color",
"$value": "#040604"
}
}
}About this palette
Atomic Magentleman Forge is a 3-color OKLCH-ready palette tagged red, 3 colors. Hex values: #EDF4EE, #A21FB2, #040604. APCA contrast score Lc 9.2. 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 Magentleman Forge by OKLab color distance.