Palette · 4 colors · Lc 9.4
Low Beet Red Cascade palette
Low Beet Red Cascade: a 4-color palette (Red, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #FFEAD9, #F4936D, #872A4A, #130C22, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEAD9
surface
#F4936D
accent
#872A4A
text
#130C22
Colors in Low Beet Red Cascade: HEX, RGB, HSL & OKLCH
- #FFEAD9 color page →
bg
#FFEAD9
- RGB
- rgb(255 234 217)
- HSL
- hsl(27 100% 93%)
- OKLCH
- oklch(0.949 0.032 61.4)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #F4936D color page →
surface
#F4936D
- RGB
- rgb(244 147 109)
- HSL
- hsl(17 86% 69%)
- OKLCH
- oklch(0.757 0.129 41.9)
WCAG contrast: on white 2.27:1 (Fail) · on black 9.24:1 (AAA)
- #872A4A color page →
accent
#872A4A
- RGB
- rgb(135 42 74)
- HSL
- hsl(339 53% 35%)
- OKLCH
- oklch(0.435 0.129 3.1)
WCAG contrast: on white 8.53:1 (AAA) · on black 2.46:1 (Fail)
- #130C22 color page →
text
#130C22
- RGB
- rgb(19 12 34)
- HSL
- hsl(259 48% 9%)
- OKLCH
- oklch(0.177 0.045 296.2)
WCAG contrast: on white 19.03:1 (AAA) · on black 1.10:1 (Fail)
Export Low Beet Red Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffead9;
--surface: #f4936d;
--accent: #872a4a;
--text: #130c22;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffead9;
--color-surface: #f4936d;
--color-accent: #872a4a;
--color-text: #130c22;
}JSON (DTCG tokens)
{
"low-beet-red-cascade-3lg": {
"bg": {
"$type": "color",
"$value": "#ffead9"
},
"surface": {
"$type": "color",
"$value": "#f4936d"
},
"accent": {
"$type": "color",
"$value": "#872a4a"
},
"text": {
"$type": "color",
"$value": "#130c22"
}
}
}About this palette
Low Beet Red Cascade is a 4-color OKLCH-ready palette tagged red, warm, sunset, 4 colors. Hex values: #FFEAD9, #F4936D, #872A4A, #130C22. 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 Low Beet Red Cascade by OKLab color distance.