Palette · 6 colors · Lc 8.7
Classic Hyper Blue Vault palette
Classic Hyper Blue Vault: a 6-color palette (Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #ECF1F4, #86C3E4, #008FC2, #005D9E, #003F5E, #051520, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF1F4
surface
#86C3E4
muted
#008FC2
primary
#005D9E
accent
#003F5E
text
#051520
Colors in Classic Hyper Blue Vault: HEX, RGB, HSL & OKLCH
- #ECF1F4 color page →
bg
#ECF1F4
- RGB
- rgb(236 241 244)
- HSL
- hsl(203 27% 94%)
- OKLCH
- oklch(0.955 0.007 233.6)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.45:1 (AAA)
- #86C3E4 color page →
surface
#86C3E4
- RGB
- rgb(134 195 228)
- HSL
- hsl(201 64% 71%)
- OKLCH
- oklch(0.788 0.078 232.7)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.93:1 (AAA)
- #008FC2 color page →
muted
#008FC2
- RGB
- rgb(0 143 194)
- HSL
- hsl(196 100% 38%)
- OKLCH
- oklch(0.611 0.126 232.7)
WCAG contrast: on white 3.67:1 (Fail) · on black 5.70:1 (AA)
- #005D9E color page →
primary
#005D9E
- RGB
- rgb(0 93 158)
- HSL
- hsl(205 100% 31%)
- OKLCH
- oklch(0.468 0.128 248.7)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #003F5E color page →
accent
#003F5E
- RGB
- rgb(0 63 94)
- HSL
- hsl(200 100% 18%)
- OKLCH
- oklch(0.349 0.078 238.4)
WCAG contrast: on white 11.21:1 (AAA) · on black 1.87:1 (Fail)
- #051520 color page →
text
#051520
- RGB
- rgb(5 21 32)
- HSL
- hsl(204 73% 7%)
- OKLCH
- oklch(0.188 0.032 239.9)
WCAG contrast: on white 18.50:1 (AAA) · on black 1.13:1 (Fail)
Export Classic Hyper Blue Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf1f4;
--surface: #86c3e4;
--muted: #008fc2;
--primary: #005d9e;
--accent: #003f5e;
--text: #051520;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf1f4;
--color-surface: #86c3e4;
--color-muted: #008fc2;
--color-primary: #005d9e;
--color-accent: #003f5e;
--color-text: #051520;
}JSON (DTCG tokens)
{
"classic-hyper-blue-vault-2je": {
"bg": {
"$type": "color",
"$value": "#ecf1f4"
},
"surface": {
"$type": "color",
"$value": "#86c3e4"
},
"muted": {
"$type": "color",
"$value": "#008fc2"
},
"primary": {
"$type": "color",
"$value": "#005d9e"
},
"accent": {
"$type": "color",
"$value": "#003f5e"
},
"text": {
"$type": "color",
"$value": "#051520"
}
}
}About this palette
Classic Hyper Blue Vault is a 6-color OKLCH-ready palette tagged violet, cold, 6 colors. Hex values: #ECF1F4, #86C3E4, #008FC2, #005D9E, #003F5E, #051520. APCA contrast score Lc 8.7. 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 Classic Hyper Blue Vault by OKLab color distance.