Palette · 3 colors · Lc 9.9
Pure Sky High Grove palette
Pure Sky High Grove: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #ECFAFF, #B3C4F5, #203341, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECFAFF
accent
#B3C4F5
text
#203341
Colors in Pure Sky High Grove: HEX, RGB, HSL & OKLCH
- #ECFAFF color page →
bg
#ECFAFF
- RGB
- rgb(236 250 255)
- HSL
- hsl(196 100% 96%)
- OKLCH
- oklch(0.976 0.016 221.1)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.68:1 (AAA)
- #B3C4F5 color page →
accent
#B3C4F5
- RGB
- rgb(179 196 245)
- HSL
- hsl(225 77% 83%)
- OKLCH
- oklch(0.824 0.072 269.9)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.13:1 (AAA)
- #203341 color page →
text
#203341
- RGB
- rgb(32 51 65)
- HSL
- hsl(205 34% 19%)
- OKLCH
- oklch(0.311 0.035 241.2)
WCAG contrast: on white 13.03:1 (AAA) · on black 1.61:1 (Fail)
Export Pure Sky High Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecfaff;
--accent: #b3c4f5;
--text: #203341;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecfaff;
--color-accent: #b3c4f5;
--color-text: #203341;
}JSON (DTCG tokens)
{
"pure-sky-high-grove-5h4": {
"bg": {
"$type": "color",
"$value": "#ecfaff"
},
"accent": {
"$type": "color",
"$value": "#b3c4f5"
},
"text": {
"$type": "color",
"$value": "#203341"
}
}
}About this palette
Pure Sky High Grove is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #ECFAFF, #B3C4F5, #203341. APCA contrast score Lc 9.9. 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 Pure Sky High Grove by OKLab color distance.