Palette · 7 colors · Lc 9
Bleu Ciel Prism palette
Bleu Ciel Prism: a 7-color palette (Blue, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #DBF3FD, #9CCBD8, #5BAABB, #317E9C, #20577C, #0E3351, #01141E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBF3FD
surface
#9CCBD8
muted
#5BAABB
primary
#317E9C
secondary
#20577C
accent
#0E3351
text
#01141E
Colors in Bleu Ciel Prism: HEX, RGB, HSL & OKLCH
- #DBF3FD color page →
bg
#DBF3FD
- RGB
- rgb(219 243 253)
- HSL
- hsl(198 89% 93%)
- OKLCH
- oklch(0.95 0.029 224.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #9CCBD8 color page →
surface
#9CCBD8
- RGB
- rgb(156 203 216)
- HSL
- hsl(193 43% 73%)
- OKLCH
- oklch(0.813 0.052 216.6)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.94:1 (AAA)
- #5BAABB color page →
muted
#5BAABB
- RGB
- rgb(91 170 187)
- HSL
- hsl(191 41% 55%)
- OKLCH
- oklch(0.694 0.081 213.4)
WCAG contrast: on white 2.65:1 (Fail) · on black 7.91:1 (AAA)
- #317E9C color page →
primary
#317E9C
- RGB
- rgb(49 126 156)
- HSL
- hsl(197 52% 40%)
- OKLCH
- oklch(0.559 0.087 227.4)
WCAG contrast: on white 4.57:1 (AA) · on black 4.59:1 (AA)
- #20577C color page →
secondary
#20577C
- RGB
- rgb(32 87 124)
- HSL
- hsl(204 59% 31%)
- OKLCH
- oklch(0.439 0.084 241.8)
WCAG contrast: on white 7.73:1 (AAA) · on black 2.71:1 (Fail)
- #0E3351 color page →
accent
#0E3351
- RGB
- rgb(14 51 81)
- HSL
- hsl(207 71% 19%)
- OKLCH
- oklch(0.312 0.068 247)
WCAG contrast: on white 13.03:1 (AAA) · on black 1.61:1 (Fail)
- #01141E color page →
text
#01141E
- RGB
- rgb(1 20 30)
- HSL
- hsl(201 94% 6%)
- OKLCH
- oklch(0.18 0.034 231.7)
WCAG contrast: on white 18.74:1 (AAA) · on black 1.12:1 (Fail)
Export Bleu Ciel Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbf3fd;
--surface: #9ccbd8;
--muted: #5baabb;
--primary: #317e9c;
--secondary: #20577c;
--accent: #0e3351;
--text: #01141e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbf3fd;
--color-surface: #9ccbd8;
--color-muted: #5baabb;
--color-primary: #317e9c;
--color-secondary: #20577c;
--color-accent: #0e3351;
--color-text: #01141e;
}JSON (DTCG tokens)
{
"bleu-ciel-prism-6dr": {
"bg": {
"$type": "color",
"$value": "#dbf3fd"
},
"surface": {
"$type": "color",
"$value": "#9ccbd8"
},
"muted": {
"$type": "color",
"$value": "#5baabb"
},
"primary": {
"$type": "color",
"$value": "#317e9c"
},
"secondary": {
"$type": "color",
"$value": "#20577c"
},
"accent": {
"$type": "color",
"$value": "#0e3351"
},
"text": {
"$type": "color",
"$value": "#01141e"
}
}
}About this palette
Bleu Ciel Prism is a 7-color OKLCH-ready palette tagged blue, cold, 7 colors. Hex values: #DBF3FD, #9CCBD8, #5BAABB, #317E9C, #20577C, #0E3351, #01141E. 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 Bleu Ciel Prism by OKLab color distance.