Palette · 4 colors · Lc 9.8
Bold Alarm Mirror palette
Bold Alarm Mirror: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FCF0EE, #E90000, #501A17, #160A07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF0EE
surface
#E90000
accent
#501A17
text
#160A07
Colors in Bold Alarm Mirror: HEX, RGB, HSL & OKLCH
- #FCF0EE color page →
bg
#FCF0EE
- RGB
- rgb(252 240 238)
- HSL
- hsl(9 70% 96%)
- OKLCH
- oklch(0.964 0.013 28.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.83:1 (AAA)
- #E90000 color page →
surface
#E90000
- RGB
- rgb(233 0 0)
- HSL
- hsl(0 100% 46%)
- OKLCH
- oklch(0.587 0.241 29.2)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #501A17 color page →
accent
#501A17
- RGB
- rgb(80 26 23)
- HSL
- hsl(3 55% 20%)
- OKLCH
- oklch(0.302 0.082 26.3)
WCAG contrast: on white 13.98:1 (AAA) · on black 1.50:1 (Fail)
- #160A07 color page →
text
#160A07
- RGB
- rgb(22 10 7)
- HSL
- hsl(12 52% 6%)
- OKLCH
- oklch(0.161 0.023 36.2)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Bold Alarm Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf0ee;
--surface: #e90000;
--accent: #501a17;
--text: #160a07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf0ee;
--color-surface: #e90000;
--color-accent: #501a17;
--color-text: #160a07;
}JSON (DTCG tokens)
{
"bold-alarm-mirror-34a": {
"bg": {
"$type": "color",
"$value": "#fcf0ee"
},
"surface": {
"$type": "color",
"$value": "#e90000"
},
"accent": {
"$type": "color",
"$value": "#501a17"
},
"text": {
"$type": "color",
"$value": "#160a07"
}
}
}About this palette
Bold Alarm Mirror is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #FCF0EE, #E90000, #501A17, #160A07. APCA contrast score Lc 9.8. 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 Bold Alarm Mirror by OKLab color distance.