Palette · 4 colors · Lc 8.5
French Blue Canvas palette
French Blue Canvas: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DBE3EA, #0474BC, #5B7127, #060C10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBE3EA
surface
#0474BC
accent
#5B7127
text
#060C10
Colors in French Blue Canvas: HEX, RGB, HSL & OKLCH
- #DBE3EA color page →
bg
#DBE3EA
- RGB
- rgb(219 227 234)
- HSL
- hsl(208 26% 89%)
- OKLCH
- oklch(0.912 0.013 244.3)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.18:1 (AAA)
- #0474BC color page →
surface
#0474BC
- RGB
- rgb(4 116 188)
- HSL
- hsl(203 96% 38%)
- OKLCH
- oklch(0.543 0.141 246.8)
WCAG contrast: on white 4.96:1 (AA) · on black 4.22:1 (Fail)
- #5B7127 color page →
accent
#5B7127
- RGB
- rgb(91 113 39)
- HSL
- hsl(78 49% 30%)
- OKLCH
- oklch(0.515 0.103 124.1)
WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)
- #060C10 color page →
text
#060C10
- RGB
- rgb(6 12 16)
- HSL
- hsl(204 45% 4%)
- OKLCH
- oklch(0.15 0.014 235.5)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
Export French Blue Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbe3ea;
--surface: #0474bc;
--accent: #5b7127;
--text: #060c10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbe3ea;
--color-surface: #0474bc;
--color-accent: #5b7127;
--color-text: #060c10;
}JSON (DTCG tokens)
{
"french-blue-canvas-107": {
"bg": {
"$type": "color",
"$value": "#dbe3ea"
},
"surface": {
"$type": "color",
"$value": "#0474bc"
},
"accent": {
"$type": "color",
"$value": "#5b7127"
},
"text": {
"$type": "color",
"$value": "#060c10"
}
}
}About this palette
French Blue Canvas is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #DBE3EA, #0474BC, #5B7127, #060C10. APCA contrast score Lc 8.5. 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 French Blue Canvas by OKLab color distance.