Palette · 5 colors · Lc 9.9
Atomic Heroic Red Circuit palette
Atomic Heroic Red Circuit: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFF6F3, #F3958A, #D50017, #851B18, #421E19, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF6F3
surface
#F3958A
primary
#D50017
accent
#851B18
text
#421E19
Colors in Atomic Heroic Red Circuit: HEX, RGB, HSL & OKLCH
- #FFF6F3 color page →
bg
#FFF6F3
- RGB
- rgb(255 246 243)
- HSL
- hsl(15 100% 98%)
- OKLCH
- oklch(0.979 0.01 39.4)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.72:1 (AAA)
- #F3958A color page →
surface
#F3958A
- RGB
- rgb(243 149 138)
- HSL
- hsl(6 81% 75%)
- OKLCH
- oklch(0.764 0.115 27.2)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.47:1 (AAA)
- #D50017 color page →
primary
#D50017
- RGB
- rgb(213 0 23)
- HSL
- hsl(354 100% 42%)
- OKLCH
- oklch(0.549 0.224 27)
WCAG contrast: on white 5.46:1 (AA) · on black 3.84:1 (Fail)
- #851B18 color page →
accent
#851B18
- RGB
- rgb(133 27 24)
- HSL
- hsl(2 69% 31%)
- OKLCH
- oklch(0.405 0.142 27.5)
WCAG contrast: on white 9.68:1 (AAA) · on black 2.16:1 (Fail)
- #421E19 color page →
text
#421E19
- RGB
- rgb(66 30 25)
- HSL
- hsl(7 45% 18%)
- OKLCH
- oklch(0.285 0.057 29.3)
WCAG contrast: on white 14.67:1 (AAA) · on black 1.43:1 (Fail)
Export Atomic Heroic Red Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff6f3;
--surface: #f3958a;
--primary: #d50017;
--accent: #851b18;
--text: #421e19;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff6f3;
--color-surface: #f3958a;
--color-primary: #d50017;
--color-accent: #851b18;
--color-text: #421e19;
}JSON (DTCG tokens)
{
"atomic-heroic-red-circuit-3f7": {
"bg": {
"$type": "color",
"$value": "#fff6f3"
},
"surface": {
"$type": "color",
"$value": "#f3958a"
},
"primary": {
"$type": "color",
"$value": "#d50017"
},
"accent": {
"$type": "color",
"$value": "#851b18"
},
"text": {
"$type": "color",
"$value": "#421e19"
}
}
}About this palette
Atomic Heroic Red Circuit is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #FFF6F3, #F3958A, #D50017, #851B18, #421E19. APCA contrast score Lc 9.9. 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 Heroic Red Circuit by OKLab color distance.