Palette · 3 colors · Lc 8.1
Atomic Magentle Studio palette
Atomic Magentle Studio: a 3-color palette (Red, 3 Colors). HEX, RGB, HSL and OKLCH for #EFE8EE, #B500B3, #342434, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 3 Colors
bg
#EFE8EE
accent
#B500B3
text
#342434
Colors in Atomic Magentle Studio: HEX, RGB, HSL & OKLCH
- #EFE8EE color page →
bg
#EFE8EE
- RGB
- rgb(239 232 238)
- HSL
- hsl(309 18% 92%)
- OKLCH
- oklch(0.938 0.011 330.2)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.44:1 (AAA)
- #B500B3 color page →
accent
#B500B3
- RGB
- rgb(181 0 179)
- HSL
- hsl(301 100% 35%)
- OKLCH
- oklch(0.541 0.248 329)
WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)
- #342434 color page →
text
#342434
- RGB
- rgb(52 36 52)
- HSL
- hsl(300 18% 17%)
- OKLCH
- oklch(0.286 0.036 326.5)
WCAG contrast: on white 14.50:1 (AAA) · on black 1.44:1 (Fail)
Export Atomic Magentle Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efe8ee;
--accent: #b500b3;
--text: #342434;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efe8ee;
--color-accent: #b500b3;
--color-text: #342434;
}JSON (DTCG tokens)
{
"atomic-magentle-studio-to": {
"bg": {
"$type": "color",
"$value": "#efe8ee"
},
"accent": {
"$type": "color",
"$value": "#b500b3"
},
"text": {
"$type": "color",
"$value": "#342434"
}
}
}About this palette
Atomic Magentle Studio is a 3-color OKLCH-ready palette tagged red, 3 colors. Hex values: #EFE8EE, #B500B3, #342434. 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 Magentle Studio by OKLab color distance.