Palette · 7 colors · Lc 8.3
Electric Lifeguard System palette
Electric Lifeguard System: a 7-color palette (Orange, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #FAE7E5, #FFA2AD, #FE6E91, #E70003, #B80000, #6D0000, #380301, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAE7E5
surface
#FFA2AD
muted
#FE6E91
primary
#E70003
secondary
#B80000
accent
#6D0000
text
#380301
Colors in Electric Lifeguard System: HEX, RGB, HSL & OKLCH
- #FAE7E5 color page →
bg
#FAE7E5
- RGB
- rgb(250 231 229)
- HSL
- hsl(6 68% 94%)
- OKLCH
- oklch(0.943 0.021 24.8)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.62:1 (AAA)
- #FFA2AD color page →
surface
#FFA2AD
- RGB
- rgb(255 162 173)
- HSL
- hsl(353 100% 82%)
- OKLCH
- oklch(0.808 0.111 12.2)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.02:1 (AAA)
- #FE6E91 color page →
muted
#FE6E91
- RGB
- rgb(254 110 145)
- HSL
- hsl(345 99% 71%)
- OKLCH
- oklch(0.722 0.178 7.5)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.85:1 (AAA)
- #E70003 color page →
primary
#E70003
- RGB
- rgb(231 0 3)
- HSL
- hsl(359 100% 45%)
- OKLCH
- oklch(0.583 0.239 29)
WCAG contrast: on white 4.77:1 (AA) · on black 4.39:1 (Fail)
- #B80000 color page →
secondary
#B80000
- RGB
- rgb(184 0 0)
- HSL
- hsl(0 100% 36%)
- OKLCH
- oklch(0.491 0.202 29.2)
WCAG contrast: on white 6.91:1 (AA) · on black 3.03:1 (Fail)
- #6D0000 color page →
accent
#6D0000
- RGB
- rgb(109 0 0)
- HSL
- hsl(0 100% 21%)
- OKLCH
- oklch(0.336 0.138 29.2)
WCAG contrast: on white 12.72:1 (AAA) · on black 1.65:1 (Fail)
- #380301 color page →
text
#380301
- RGB
- rgb(56 3 1)
- HSL
- hsl(2 96% 11%)
- OKLCH
- oklch(0.219 0.083 30.2)
WCAG contrast: on white 17.77:1 (AAA) · on black 1.18:1 (Fail)
Export Electric Lifeguard System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fae7e5;
--surface: #ffa2ad;
--muted: #fe6e91;
--primary: #e70003;
--secondary: #b80000;
--accent: #6d0000;
--text: #380301;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fae7e5;
--color-surface: #ffa2ad;
--color-muted: #fe6e91;
--color-primary: #e70003;
--color-secondary: #b80000;
--color-accent: #6d0000;
--color-text: #380301;
}JSON (DTCG tokens)
{
"electric-lifeguard-system-2oj": {
"bg": {
"$type": "color",
"$value": "#fae7e5"
},
"surface": {
"$type": "color",
"$value": "#ffa2ad"
},
"muted": {
"$type": "color",
"$value": "#fe6e91"
},
"primary": {
"$type": "color",
"$value": "#e70003"
},
"secondary": {
"$type": "color",
"$value": "#b80000"
},
"accent": {
"$type": "color",
"$value": "#6d0000"
},
"text": {
"$type": "color",
"$value": "#380301"
}
}
}About this palette
Electric Lifeguard System is a 7-color OKLCH-ready palette tagged orange, warm, 7 colors. Hex values: #FAE7E5, #FFA2AD, #FE6E91, #E70003, #B80000, #6D0000, #380301. APCA contrast score Lc 8.3. 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 Electric Lifeguard System by OKLab color distance.