Palette · 3 colors · Lc 8.7
Sky High Prism palette
Sky High Prism: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #E5F0F9, #B4C6EE, #20313E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E5F0F9
accent
#B4C6EE
text
#20313E
Colors in Sky High Prism: HEX, RGB, HSL & OKLCH
- #E5F0F9 color page →
bg
#E5F0F9
- RGB
- rgb(229 240 249)
- HSL
- hsl(207 62% 94%)
- OKLCH
- oklch(0.95 0.017 242.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.16:1 (AAA)
- #B4C6EE color page →
accent
#B4C6EE
- RGB
- rgb(180 198 238)
- HSL
- hsl(221 63% 82%)
- OKLCH
- oklch(0.826 0.06 266)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.25:1 (AAA)
- #20313E color page →
text
#20313E
- RGB
- rgb(32 49 62)
- HSL
- hsl(206 32% 18%)
- OKLCH
- oklch(0.304 0.033 242)
WCAG contrast: on white 13.37:1 (AAA) · on black 1.57:1 (Fail)
Export Sky High Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5f0f9;
--accent: #b4c6ee;
--text: #20313e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5f0f9;
--color-accent: #b4c6ee;
--color-text: #20313e;
}JSON (DTCG tokens)
{
"sky-high-prism-2yd": {
"bg": {
"$type": "color",
"$value": "#e5f0f9"
},
"accent": {
"$type": "color",
"$value": "#b4c6ee"
},
"text": {
"$type": "color",
"$value": "#20313e"
}
}
}About this palette
Sky High Prism is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #E5F0F9, #B4C6EE, #20313E. 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 Sky High Prism by OKLab color distance.