Palette · 4 colors · Lc 8.5
Burnt Red Signal palette
Burnt Red Signal: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #EEDDD8, #F07546, #A42A00, #1B1310, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEDDD8
surface
#F07546
accent
#A42A00
text
#1B1310
Colors in Burnt Red Signal: HEX, RGB, HSL & OKLCH
- #EEDDD8 color page →
bg
#EEDDD8
- RGB
- rgb(238 221 216)
- HSL
- hsl(14 39% 89%)
- OKLCH
- oklch(0.91 0.02 37)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.96:1 (AAA)
- #F07546 color page →
surface
#F07546
- RGB
- rgb(240 117 70)
- HSL
- hsl(17 85% 61%)
- OKLCH
- oklch(0.698 0.164 40.7)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.33:1 (AAA)
- #A42A00 color page →
accent
#A42A00
- RGB
- rgb(164 42 0)
- HSL
- hsl(15 100% 32%)
- OKLCH
- oklch(0.476 0.164 35.7)
WCAG contrast: on white 7.21:1 (AAA) · on black 2.90:1 (Fail)
- #1B1310 color page →
text
#1B1310
- RGB
- rgb(27 19 16)
- HSL
- hsl(16 26% 8%)
- OKLCH
- oklch(0.196 0.015 41.5)
WCAG contrast: on white 18.30:1 (AAA) · on black 1.14:1 (Fail)
Export Burnt Red Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eeddd8;
--surface: #f07546;
--accent: #a42a00;
--text: #1b1310;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eeddd8;
--color-surface: #f07546;
--color-accent: #a42a00;
--color-text: #1b1310;
}JSON (DTCG tokens)
{
"burnt-red-signal-dz": {
"bg": {
"$type": "color",
"$value": "#eeddd8"
},
"surface": {
"$type": "color",
"$value": "#f07546"
},
"accent": {
"$type": "color",
"$value": "#a42a00"
},
"text": {
"$type": "color",
"$value": "#1b1310"
}
}
}About this palette
Burnt Red Signal is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #EEDDD8, #F07546, #A42A00, #1B1310. APCA contrast score Lc 8.5. 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 Burnt Red Signal by OKLab color distance.