Palette · 8 colors · Lc 10
Deep Sky Blue Vault palette
Deep Sky Blue Vault: a 8-color palette (Violet, Cold, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #F6F6F6, #D6E5F6, #B2CBED, #80B1F3, #0074F4, #4149C8, #34357C, #081321, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6F6F6
surface
#D6E5F6
muted
#B2CBED
primary
#80B1F3
secondary
#0074F4
accent
#4149C8
highlight
#34357C
text
#081321
Colors in Deep Sky Blue Vault: HEX, RGB, HSL & OKLCH
- #F6F6F6 color page →
bg
#F6F6F6
- RGB
- rgb(246 246 246)
- HSL
- hsl(0 0% 96%)
- OKLCH
- oklch(0.973 0 0)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.43:1 (AAA)
- #D6E5F6 color page →
surface
#D6E5F6
- RGB
- rgb(214 229 246)
- HSL
- hsl(212 64% 90%)
- OKLCH
- oklch(0.916 0.028 251.5)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.39:1 (AAA)
- #B2CBED color page →
muted
#B2CBED
- RGB
- rgb(178 203 237)
- HSL
- hsl(215 62% 81%)
- OKLCH
- oklch(0.835 0.055 256.1)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.65:1 (AAA)
- #80B1F3 color page →
primary
#80B1F3
- RGB
- rgb(128 177 243)
- HSL
- hsl(214 83% 73%)
- OKLCH
- oklch(0.752 0.109 256.1)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.50:1 (AAA)
- #0074F4 color page →
secondary
#0074F4
- RGB
- rgb(0 116 244)
- HSL
- hsl(211 100% 48%)
- OKLCH
- oklch(0.582 0.211 257.5)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.80:1 (AA)
- #4149C8 color page →
accent
#4149C8
- RGB
- rgb(65 73 200)
- HSL
- hsl(236 55% 52%)
- OKLCH
- oklch(0.48 0.194 273.7)
WCAG contrast: on white 6.97:1 (AA) · on black 3.01:1 (Fail)
- #34357C color page →
highlight
#34357C
- RGB
- rgb(52 53 124)
- HSL
- hsl(239 41% 35%)
- OKLCH
- oklch(0.37 0.118 278.4)
WCAG contrast: on white 10.78:1 (AAA) · on black 1.94:1 (Fail)
- #081321 color page →
text
#081321
- RGB
- rgb(8 19 33)
- HSL
- hsl(214 61% 8%)
- OKLCH
- oklch(0.184 0.033 254.9)
WCAG contrast: on white 18.65:1 (AAA) · on black 1.12:1 (Fail)
Export Deep Sky Blue Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6f6f6;
--surface: #d6e5f6;
--muted: #b2cbed;
--primary: #80b1f3;
--secondary: #0074f4;
--accent: #4149c8;
--highlight: #34357c;
--text: #081321;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6f6f6;
--color-surface: #d6e5f6;
--color-muted: #b2cbed;
--color-primary: #80b1f3;
--color-secondary: #0074f4;
--color-accent: #4149c8;
--color-highlight: #34357c;
--color-text: #081321;
}JSON (DTCG tokens)
{
"deep-sky-blue-vault-79b": {
"bg": {
"$type": "color",
"$value": "#f6f6f6"
},
"surface": {
"$type": "color",
"$value": "#d6e5f6"
},
"muted": {
"$type": "color",
"$value": "#b2cbed"
},
"primary": {
"$type": "color",
"$value": "#80b1f3"
},
"secondary": {
"$type": "color",
"$value": "#0074f4"
},
"accent": {
"$type": "color",
"$value": "#4149c8"
},
"highlight": {
"$type": "color",
"$value": "#34357c"
},
"text": {
"$type": "color",
"$value": "#081321"
}
}
}About this palette
Deep Sky Blue Vault is a 8-color OKLCH-ready palette tagged violet, cold, ui system, 8 colors. Hex values: #F6F6F6, #D6E5F6, #B2CBED, #80B1F3, #0074F4, #4149C8, #34357C, #081321. APCA contrast score Lc 10. 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 Deep Sky Blue Vault by OKLab color distance.