Palette · 3 colors · Lc 8.8
Bleu Ciel Studio palette
Bleu Ciel Studio: a 3-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DFEDF0, #007D9F, #00111C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFEDF0
accent
#007D9F
text
#00111C
Colors in Bleu Ciel Studio: HEX, RGB, HSL & OKLCH
- #DFEDF0 color page →
bg
#DFEDF0
- RGB
- rgb(223 237 240)
- HSL
- hsl(191 36% 91%)
- OKLCH
- oklch(0.937 0.015 212)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
- #007D9F color page →
accent
#007D9F
- RGB
- rgb(0 125 159)
- HSL
- hsl(193 100% 31%)
- OKLCH
- oklch(0.549 0.104 225.4)
WCAG contrast: on white 4.73:1 (AA) · on black 4.43:1 (Fail)
- #00111C color page →
text
#00111C
- RGB
- rgb(0 17 28)
- HSL
- hsl(204 100% 5%)
- OKLCH
- oklch(0.168 0.036 235)
WCAG contrast: on white 19.14:1 (AAA) · on black 1.09:1 (Fail)
Export Bleu Ciel Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfedf0;
--accent: #007d9f;
--text: #00111c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfedf0;
--color-accent: #007d9f;
--color-text: #00111c;
}JSON (DTCG tokens)
{
"bleu-ciel-studio-3nr": {
"bg": {
"$type": "color",
"$value": "#dfedf0"
},
"accent": {
"$type": "color",
"$value": "#007d9f"
},
"text": {
"$type": "color",
"$value": "#00111c"
}
}
}About this palette
Bleu Ciel Studio is a 3-color OKLCH-ready palette tagged blue, cold, ocean, nature, 3 colors. Hex values: #DFEDF0, #007D9F, #00111C. APCA contrast score Lc 8.8. 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 Bleu Ciel Studio by OKLab color distance.