Palette · 9 colors · Lc 9.8
True All Systems Red Studio palette
True All Systems Red Studio: a 9-color palette (Orange, Warm, Rainbow, 9 Colors). HEX, RGB, HSL and OKLCH for #EEF3F6, #56BEEC, #0082EF, #008B00, #B21400, #6D2B76, #003750, #002431, #02070B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF3F6
surface
#56BEEC
muted
#0082EF
primary
#008B00
secondary
#B21400
accent
#6D2B76
highlight
#003750
border
#002431
text
#02070B
Colors in True All Systems Red Studio: HEX, RGB, HSL & OKLCH
- #EEF3F6 color page →
bg
#EEF3F6
- RGB
- rgb(238 243 246)
- HSL
- hsl(203 31% 95%)
- OKLCH
- oklch(0.961 0.007 233.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.78:1 (AAA)
- #56BEEC color page →
surface
#56BEEC
- RGB
- rgb(86 190 236)
- HSL
- hsl(198 80% 63%)
- OKLCH
- oklch(0.759 0.116 230)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.97:1 (AAA)
- #0082EF color page →
muted
#0082EF
- RGB
- rgb(0 130 239)
- HSL
- hsl(207 100% 47%)
- OKLCH
- oklch(0.608 0.189 253.2)
WCAG contrast: on white 3.86:1 (Fail) · on black 5.43:1 (AA)
- #008B00 color page →
primary
#008B00
- RGB
- rgb(0 139 0)
- HSL
- hsl(120 100% 27%)
- OKLCH
- oklch(0.552 0.188 142.5)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.69:1 (AA)
- #B21400 color page →
secondary
#B21400
- RGB
- rgb(178 20 0)
- HSL
- hsl(7 100% 35%)
- OKLCH
- oklch(0.486 0.19 30.8)
WCAG contrast: on white 7.01:1 (AAA) · on black 2.99:1 (Fail)
- #6D2B76 color page →
accent
#6D2B76
- RGB
- rgb(109 43 118)
- HSL
- hsl(293 47% 32%)
- OKLCH
- oklch(0.415 0.137 322.7)
WCAG contrast: on white 9.30:1 (AAA) · on black 2.25:1 (Fail)
- #003750 color page →
highlight
#003750
- RGB
- rgb(0 55 80)
- HSL
- hsl(199 100% 16%)
- OKLCH
- oklch(0.318 0.068 235.6)
WCAG contrast: on white 12.63:1 (AAA) · on black 1.66:1 (Fail)
- #002431 color page →
border
#002431
- RGB
- rgb(0 36 49)
- HSL
- hsl(196 100% 10%)
- OKLCH
- oklch(0.243 0.047 226.9)
WCAG contrast: on white 16.19:1 (AAA) · on black 1.29:1 (Fail)
- #02070B color page →
text
#02070B
- RGB
- rgb(2 7 11)
- HSL
- hsl(207 69% 3%)
- OKLCH
- oklch(0.123 0.016 232.5)
WCAG contrast: on white 20.23:1 (AAA) · on black 1.03:1 (Fail)
Export True All Systems Red Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef3f6;
--surface: #56beec;
--muted: #0082ef;
--primary: #008b00;
--secondary: #b21400;
--accent: #6d2b76;
--highlight: #003750;
--border: #002431;
--text: #02070b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef3f6;
--color-surface: #56beec;
--color-muted: #0082ef;
--color-primary: #008b00;
--color-secondary: #b21400;
--color-accent: #6d2b76;
--color-highlight: #003750;
--color-border: #002431;
--color-text: #02070b;
}JSON (DTCG tokens)
{
"true-all-systems-red-studio-4ur": {
"bg": {
"$type": "color",
"$value": "#eef3f6"
},
"surface": {
"$type": "color",
"$value": "#56beec"
},
"muted": {
"$type": "color",
"$value": "#0082ef"
},
"primary": {
"$type": "color",
"$value": "#008b00"
},
"secondary": {
"$type": "color",
"$value": "#b21400"
},
"accent": {
"$type": "color",
"$value": "#6d2b76"
},
"highlight": {
"$type": "color",
"$value": "#003750"
},
"border": {
"$type": "color",
"$value": "#002431"
},
"text": {
"$type": "color",
"$value": "#02070b"
}
}
}About this palette
True All Systems Red Studio is a 9-color OKLCH-ready palette tagged orange, warm, rainbow, 9 colors. Hex values: #EEF3F6, #56BEEC, #0082EF, #008B00, #B21400, #6D2B76, #003750, #002431, #02070B. 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 True All Systems Red Studio by OKLab color distance.