Palette · 3 colors · Lc 9
Classic Sky High Quartz palette
Classic Sky High Quartz: a 3-color palette (Pink, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #E6F7FF, #B5C5F6, #22313D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F7FF
accent
#B5C5F6
text
#22313D
Colors in Classic Sky High Quartz: HEX, RGB, HSL & OKLCH
- #E6F7FF color page →
bg
#E6F7FF
- RGB
- rgb(230 247 255)
- HSL
- hsl(199 100% 95%)
- OKLCH
- oklch(0.966 0.021 227.5)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.11:1 (AAA)
- #B5C5F6 color page →
accent
#B5C5F6
- RGB
- rgb(181 197 246)
- HSL
- hsl(225 78% 84%)
- OKLCH
- oklch(0.828 0.071 270.7)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.28:1 (AAA)
- #22313D color page →
text
#22313D
- RGB
- rgb(34 49 61)
- HSL
- hsl(207 28% 19%)
- OKLCH
- oklch(0.305 0.03 243)
WCAG contrast: on white 13.33:1 (AAA) · on black 1.57:1 (Fail)
Export Classic Sky High Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f7ff;
--accent: #b5c5f6;
--text: #22313d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f7ff;
--color-accent: #b5c5f6;
--color-text: #22313d;
}JSON (DTCG tokens)
{
"classic-sky-high-quartz-63c": {
"bg": {
"$type": "color",
"$value": "#e6f7ff"
},
"accent": {
"$type": "color",
"$value": "#b5c5f6"
},
"text": {
"$type": "color",
"$value": "#22313d"
}
}
}About this palette
Classic Sky High Quartz is a 3-color OKLCH-ready palette tagged pink, gray, pastel, 3 colors. Hex values: #E6F7FF, #B5C5F6, #22313D. APCA contrast score Lc 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 Classic Sky High Quartz by OKLab color distance.