Palette · 6 colors · Lc 9.1
Classic Blue Burst Canvas palette
Classic Blue Burst Canvas: a 6-color palette (Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #D4EEF8, #66C8EC, #009ACF, #005C9C, #003553, #021014, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4EEF8
surface
#66C8EC
muted
#009ACF
primary
#005C9C
accent
#003553
text
#021014
Colors in Classic Blue Burst Canvas: HEX, RGB, HSL & OKLCH
- #D4EEF8 color page →
bg
#D4EEF8
- RGB
- rgb(212 238 248)
- HSL
- hsl(197 72% 90%)
- OKLCH
- oklch(0.933 0.031 222.9)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.38:1 (AAA)
- #66C8EC color page →
surface
#66C8EC
- RGB
- rgb(102 200 236)
- HSL
- hsl(196 78% 66%)
- OKLCH
- oklch(0.787 0.105 224.6)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.03:1 (AAA)
- #009ACF color page →
muted
#009ACF
- RGB
- rgb(0 154 207)
- HSL
- hsl(195 100% 41%)
- OKLCH
- oklch(0.644 0.131 231.9)
WCAG contrast: on white 3.21:1 (Fail) · on black 6.52:1 (AA)
- #005C9C color page →
primary
#005C9C
- RGB
- rgb(0 92 156)
- HSL
- hsl(205 100% 31%)
- OKLCH
- oklch(0.465 0.127 248.5)
WCAG contrast: on white 6.97:1 (AA) · on black 3.01:1 (Fail)
- #003553 color page →
accent
#003553
- RGB
- rgb(0 53 83)
- HSL
- hsl(202 100% 16%)
- OKLCH
- oklch(0.315 0.074 241.2)
WCAG contrast: on white 12.85:1 (AAA) · on black 1.63:1 (Fail)
- #021014 color page →
text
#021014
- RGB
- rgb(2 16 20)
- HSL
- hsl(193 82% 4%)
- OKLCH
- oklch(0.161 0.024 215.7)
WCAG contrast: on white 19.32:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Blue Burst Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4eef8;
--surface: #66c8ec;
--muted: #009acf;
--primary: #005c9c;
--accent: #003553;
--text: #021014;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4eef8;
--color-surface: #66c8ec;
--color-muted: #009acf;
--color-primary: #005c9c;
--color-accent: #003553;
--color-text: #021014;
}JSON (DTCG tokens)
{
"classic-blue-burst-canvas-8x": {
"bg": {
"$type": "color",
"$value": "#d4eef8"
},
"surface": {
"$type": "color",
"$value": "#66c8ec"
},
"muted": {
"$type": "color",
"$value": "#009acf"
},
"primary": {
"$type": "color",
"$value": "#005c9c"
},
"accent": {
"$type": "color",
"$value": "#003553"
},
"text": {
"$type": "color",
"$value": "#021014"
}
}
}About this palette
Classic Blue Burst Canvas is a 6-color OKLCH-ready palette tagged violet, cold, 6 colors. Hex values: #D4EEF8, #66C8EC, #009ACF, #005C9C, #003553, #021014. APCA contrast score Lc 9.1. 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 Blue Burst Canvas by OKLab color distance.