Palette · 9 colors · Lc 9.6
Steady Hot Mirror palette
Steady Hot Mirror: a 9-color palette (Red, Warm, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #16080D, #3B061E, #5D122A, #862948, #AE4668, #D56D91, #F597AE, #F6B8C5, #FFEDF3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 9 Colors
bg
#16080D
surface
#3B061E
muted
#5D122A
primary
#862948
secondary
#AE4668
accent
#D56D91
highlight
#F597AE
border
#F6B8C5
text
#FFEDF3
Colors in Steady Hot Mirror: HEX, RGB, HSL & OKLCH
- #16080D color page →
bg
#16080D
- RGB
- rgb(22 8 13)
- HSL
- hsl(339 47% 6%)
- OKLCH
- oklch(0.159 0.027 357.4)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
- #3B061E color page →
surface
#3B061E
- RGB
- rgb(59 6 30)
- HSL
- hsl(333 82% 13%)
- OKLCH
- oklch(0.237 0.084 358.5)
WCAG contrast: on white 17.06:1 (AAA) · on black 1.23:1 (Fail)
- #5D122A color page →
muted
#5D122A
- RGB
- rgb(93 18 42)
- HSL
- hsl(341 68% 22%)
- OKLCH
- oklch(0.322 0.108 6.8)
WCAG contrast: on white 13.24:1 (AAA) · on black 1.58:1 (Fail)
- #862948 color page →
primary
#862948
- RGB
- rgb(134 41 72)
- HSL
- hsl(340 53% 34%)
- OKLCH
- oklch(0.431 0.129 3.9)
WCAG contrast: on white 8.66:1 (AAA) · on black 2.42:1 (Fail)
- #AE4668 color page →
secondary
#AE4668
- RGB
- rgb(174 70 104)
- HSL
- hsl(340 43% 48%)
- OKLCH
- oklch(0.542 0.14 2.5)
WCAG contrast: on white 5.41:1 (AA) · on black 3.87:1 (Fail)
- #D56D91 color page →
accent
#D56D91
- RGB
- rgb(213 109 145)
- HSL
- hsl(339 55% 63%)
- OKLCH
- oklch(0.665 0.136 359.5)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.42:1 (AA)
- #F597AE color page →
highlight
#F597AE
- RGB
- rgb(245 151 174)
- HSL
- hsl(345 82% 78%)
- OKLCH
- oklch(0.779 0.115 4.3)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.92:1 (AAA)
- #F6B8C5 color page →
border
#F6B8C5
- RGB
- rgb(246 184 197)
- HSL
- hsl(347 78% 84%)
- OKLCH
- oklch(0.843 0.073 4.8)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.58:1 (AAA)
- #FFEDF3 color page →
text
#FFEDF3
- RGB
- rgb(255 237 243)
- HSL
- hsl(340 100% 96%)
- OKLCH
- oklch(0.962 0.021 355.2)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.65:1 (AAA)
Export Steady Hot Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #16080d;
--surface: #3b061e;
--muted: #5d122a;
--primary: #862948;
--secondary: #ae4668;
--accent: #d56d91;
--highlight: #f597ae;
--border: #f6b8c5;
--text: #ffedf3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #16080d;
--color-surface: #3b061e;
--color-muted: #5d122a;
--color-primary: #862948;
--color-secondary: #ae4668;
--color-accent: #d56d91;
--color-highlight: #f597ae;
--color-border: #f6b8c5;
--color-text: #ffedf3;
}JSON (DTCG tokens)
{
"steady-hot-mirror-3ty": {
"bg": {
"$type": "color",
"$value": "#16080d"
},
"surface": {
"$type": "color",
"$value": "#3b061e"
},
"muted": {
"$type": "color",
"$value": "#5d122a"
},
"primary": {
"$type": "color",
"$value": "#862948"
},
"secondary": {
"$type": "color",
"$value": "#ae4668"
},
"accent": {
"$type": "color",
"$value": "#d56d91"
},
"highlight": {
"$type": "color",
"$value": "#f597ae"
},
"border": {
"$type": "color",
"$value": "#f6b8c5"
},
"text": {
"$type": "color",
"$value": "#ffedf3"
}
}
}About this palette
Steady Hot Mirror is a 9-color OKLCH-ready palette tagged red, warm, monochromatic, 9 colors. Hex values: #16080D, #3B061E, #5D122A, #862948, #AE4668, #D56D91, #F597AE, #F6B8C5, #FFEDF3. APCA contrast score Lc 9.6. 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 Hot Mirror by OKLab color distance.