Palette · 4 colors · Lc 8.9
True Bleu Ciel Studio palette
True Bleu Ciel Studio: a 4-color palette (Blue, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DBEFF7, #3380A0, #7B6442, #001A24, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBEFF7
surface
#3380A0
accent
#7B6442
text
#001A24
Colors in True Bleu Ciel Studio: HEX, RGB, HSL & OKLCH
- #DBEFF7 color page →
bg
#DBEFF7
- RGB
- rgb(219 239 247)
- HSL
- hsl(197 64% 91%)
- OKLCH
- oklch(0.94 0.024 223.7)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.70:1 (AAA)
- #3380A0 color page →
surface
#3380A0
- RGB
- rgb(51 128 160)
- HSL
- hsl(198 52% 41%)
- OKLCH
- oklch(0.566 0.089 228.9)
WCAG contrast: on white 4.43:1 (Fail) · on black 4.73:1 (AA)
- #7B6442 color page →
accent
#7B6442
- RGB
- rgb(123 100 66)
- HSL
- hsl(36 30% 37%)
- OKLCH
- oklch(0.517 0.057 76.7)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #001A24 color page →
text
#001A24
- RGB
- rgb(0 26 36)
- HSL
- hsl(197 100% 7%)
- OKLCH
- oklch(0.203 0.039 225.9)
WCAG contrast: on white 17.89:1 (AAA) · on black 1.17:1 (Fail)
Export True Bleu Ciel Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbeff7;
--surface: #3380a0;
--accent: #7b6442;
--text: #001a24;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbeff7;
--color-surface: #3380a0;
--color-accent: #7b6442;
--color-text: #001a24;
}JSON (DTCG tokens)
{
"true-bleu-ciel-studio-4m0": {
"bg": {
"$type": "color",
"$value": "#dbeff7"
},
"surface": {
"$type": "color",
"$value": "#3380a0"
},
"accent": {
"$type": "color",
"$value": "#7b6442"
},
"text": {
"$type": "color",
"$value": "#001a24"
}
}
}About this palette
True Bleu Ciel Studio is a 4-color OKLCH-ready palette tagged blue, cold, 4 colors. Hex values: #DBEFF7, #3380A0, #7B6442, #001A24. APCA contrast score Lc 8.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 True Bleu Ciel Studio by OKLab color distance.