Palette · 3 colors · Lc 9.7
Classic Blue Lips Drift palette
Classic Blue Lips Drift: a 3-color palette (Pink, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #EDFAFF, #B6C4F1, #2E3A45, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDFAFF
accent
#B6C4F1
text
#2E3A45
Colors in Classic Blue Lips Drift: HEX, RGB, HSL & OKLCH
- #EDFAFF color page →
bg
#EDFAFF
- RGB
- rgb(237 250 255)
- HSL
- hsl(197 100% 96%)
- OKLCH
- oklch(0.977 0.015 222.7)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.71:1 (AAA)
- #B6C4F1 color page →
accent
#B6C4F1
- RGB
- rgb(182 196 241)
- HSL
- hsl(226 68% 83%)
- OKLCH
- oklch(0.825 0.065 271.4)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.15:1 (AAA)
- #2E3A45 color page →
text
#2E3A45
- RGB
- rgb(46 58 69)
- HSL
- hsl(209 20% 23%)
- OKLCH
- oklch(0.342 0.025 246.3)
WCAG contrast: on white 11.61:1 (AAA) · on black 1.80:1 (Fail)
Export Classic Blue Lips Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edfaff;
--accent: #b6c4f1;
--text: #2e3a45;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edfaff;
--color-accent: #b6c4f1;
--color-text: #2e3a45;
}JSON (DTCG tokens)
{
"classic-blue-lips-drift-271": {
"bg": {
"$type": "color",
"$value": "#edfaff"
},
"accent": {
"$type": "color",
"$value": "#b6c4f1"
},
"text": {
"$type": "color",
"$value": "#2e3a45"
}
}
}About this palette
Classic Blue Lips Drift is a 3-color OKLCH-ready palette tagged pink, gray, pastel, 3 colors. Hex values: #EDFAFF, #B6C4F1, #2E3A45. APCA contrast score Lc 9.7. 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 Lips Drift by OKLab color distance.