Palette · 7 colors · Lc 9.4
Steady Threatening Red Ember palette
Steady Threatening Red Ember: a 7-color palette (Trending, Orange, Warm, UI System). HEX, RGB, HSL and OKLCH for #FAF3F3, #F8DEE1, #F9B6BC, #E85361, #C50000, #892300, #231517, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF3F3
surface
#F8DEE1
muted
#F9B6BC
primary
#E85361
secondary
#C50000
accent
#892300
text
#231517
Colors in Steady Threatening Red Ember: HEX, RGB, HSL & OKLCH
- #FAF3F3 color page →
bg
#FAF3F3
- RGB
- rgb(250 243 243)
- HSL
- hsl(0 41% 97%)
- OKLCH
- oklch(0.97 0.008 17.3)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.17:1 (AAA)
- #F8DEE1 color page →
surface
#F8DEE1
- RGB
- rgb(248 222 225)
- HSL
- hsl(353 65% 92%)
- OKLCH
- oklch(0.923 0.029 9.7)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.52:1 (AAA)
- #F9B6BC color page →
muted
#F9B6BC
- RGB
- rgb(249 182 188)
- HSL
- hsl(355 85% 85%)
- OKLCH
- oklch(0.84 0.078 12.9)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.44:1 (AAA)
- #E85361 color page →
primary
#E85361
- RGB
- rgb(232 83 97)
- HSL
- hsl(354 76% 62%)
- OKLCH
- oklch(0.646 0.184 18.5)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.84:1 (AA)
- #C50000 color page →
secondary
#C50000
- RGB
- rgb(197 0 0)
- HSL
- hsl(0 100% 39%)
- OKLCH
- oklch(0.517 0.212 29.2)
WCAG contrast: on white 6.22:1 (AA) · on black 3.37:1 (Fail)
- #892300 color page →
accent
#892300
- RGB
- rgb(137 35 0)
- HSL
- hsl(15 100% 27%)
- OKLCH
- oklch(0.418 0.143 36.2)
WCAG contrast: on white 9.11:1 (AAA) · on black 2.30:1 (Fail)
- #231517 color page →
text
#231517
- RGB
- rgb(35 21 23)
- HSL
- hsl(351 25% 11%)
- OKLCH
- oklch(0.215 0.023 9.8)
WCAG contrast: on white 17.63:1 (AAA) · on black 1.19:1 (Fail)
Export Steady Threatening Red Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf3f3;
--surface: #f8dee1;
--muted: #f9b6bc;
--primary: #e85361;
--secondary: #c50000;
--accent: #892300;
--text: #231517;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf3f3;
--color-surface: #f8dee1;
--color-muted: #f9b6bc;
--color-primary: #e85361;
--color-secondary: #c50000;
--color-accent: #892300;
--color-text: #231517;
}JSON (DTCG tokens)
{
"steady-threatening-red-ember-c6": {
"bg": {
"$type": "color",
"$value": "#faf3f3"
},
"surface": {
"$type": "color",
"$value": "#f8dee1"
},
"muted": {
"$type": "color",
"$value": "#f9b6bc"
},
"primary": {
"$type": "color",
"$value": "#e85361"
},
"secondary": {
"$type": "color",
"$value": "#c50000"
},
"accent": {
"$type": "color",
"$value": "#892300"
},
"text": {
"$type": "color",
"$value": "#231517"
}
}
}About this palette
Steady Threatening Red Ember is a 7-color OKLCH-ready palette tagged trending, orange, warm, ui system, 7 colors. Hex values: #FAF3F3, #F8DEE1, #F9B6BC, #E85361, #C50000, #892300, #231517. APCA contrast score Lc 9.4. 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 Steady Threatening Red Ember by OKLab color distance.