Palette · 3 colors · Lc 9.9
Classic Bleu Ciel Cascade palette
Classic Bleu Ciel Cascade: a 3-color palette (Blue, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #F4F9FB, #397F9D, #001D27, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4F9FB
accent
#397F9D
text
#001D27
Colors in Classic Bleu Ciel Cascade: HEX, RGB, HSL & OKLCH
- #F4F9FB color page →
bg
#F4F9FB
- RGB
- rgb(244 249 251)
- HSL
- hsl(197 47% 97%)
- OKLCH
- oklch(0.979 0.006 223.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.78:1 (AAA)
- #397F9D color page →
accent
#397F9D
- RGB
- rgb(57 127 157)
- HSL
- hsl(198 47% 42%)
- OKLCH
- oklch(0.564 0.084 229)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.69:1 (AA)
- #001D27 color page →
text
#001D27
- RGB
- rgb(0 29 39)
- HSL
- hsl(195 100% 8%)
- OKLCH
- oklch(0.214 0.04 224.1)
WCAG contrast: on white 17.42:1 (AAA) · on black 1.20:1 (Fail)
Export Classic Bleu Ciel Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f9fb;
--accent: #397f9d;
--text: #001d27;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f9fb;
--color-accent: #397f9d;
--color-text: #001d27;
}JSON (DTCG tokens)
{
"classic-bleu-ciel-cascade-8a": {
"bg": {
"$type": "color",
"$value": "#f4f9fb"
},
"accent": {
"$type": "color",
"$value": "#397f9d"
},
"text": {
"$type": "color",
"$value": "#001d27"
}
}
}About this palette
Classic Bleu Ciel Cascade is a 3-color OKLCH-ready palette tagged blue, gray, cold, ui system, 3 colors. Hex values: #F4F9FB, #397F9D, #001D27. 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 Classic Bleu Ciel Cascade by OKLab color distance.