Palette · 3 colors · Lc 8.6
Warm Blue Drift palette
Warm Blue Drift: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #E4E9FF, #6355D8, #0D0A1A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#E4E9FF
accent
#6355D8
text
#0D0A1A
Colors in Warm Blue Drift: HEX, RGB, HSL & OKLCH
- #E4E9FF color page →
bg
#E4E9FF
- RGB
- rgb(228 233 255)
- HSL
- hsl(229 100% 95%)
- OKLCH
- oklch(0.937 0.03 275.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.39:1 (AAA)
- #6355D8 color page →
accent
#6355D8
- RGB
- rgb(99 85 216)
- HSL
- hsl(246 63% 59%)
- OKLCH
- oklch(0.538 0.193 282.6)
WCAG contrast: on white 5.49:1 (AA) · on black 3.82:1 (Fail)
- #0D0A1A color page →
text
#0D0A1A
- RGB
- rgb(13 10 26)
- HSL
- hsl(251 44% 7%)
- OKLCH
- oklch(0.158 0.033 290.7)
WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)
Export Warm Blue Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4e9ff;
--accent: #6355d8;
--text: #0d0a1a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4e9ff;
--color-accent: #6355d8;
--color-text: #0d0a1a;
}JSON (DTCG tokens)
{
"warm-blue-drift-111": {
"bg": {
"$type": "color",
"$value": "#e4e9ff"
},
"accent": {
"$type": "color",
"$value": "#6355d8"
},
"text": {
"$type": "color",
"$value": "#0d0a1a"
}
}
}About this palette
Warm Blue Drift is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #E4E9FF, #6355D8, #0D0A1A. APCA contrast score Lc 8.6. 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 Warm Blue Drift by OKLab color distance.