Palette · 3 colors · Lc 10
Classic Hydro Drift palette
Classic Hydro Drift: a 3-color palette (Blue, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #F5F9FB, #497887, #050809, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Gray
- Cold
- Monochromatic
- 3 Colors
bg
#F5F9FB
accent
#497887
text
#050809
Colors in Classic Hydro Drift: HEX, RGB, HSL & OKLCH
- #F5F9FB color page →
bg
#F5F9FB
- RGB
- rgb(245 249 251)
- HSL
- hsl(200 43% 97%)
- OKLCH
- oklch(0.98 0.005 228.8)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.82:1 (AAA)
- #497887 color page →
accent
#497887
- RGB
- rgb(73 120 135)
- HSL
- hsl(195 30% 41%)
- OKLCH
- oklch(0.545 0.056 220.3)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #050809 color page →
text
#050809
- RGB
- rgb(5 8 9)
- HSL
- hsl(195 29% 3%)
- OKLCH
- oklch(0.131 0.007 216.8)
WCAG contrast: on white 20.09:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Hydro Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f9fb;
--accent: #497887;
--text: #050809;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f9fb;
--color-accent: #497887;
--color-text: #050809;
}JSON (DTCG tokens)
{
"classic-hydro-drift-77": {
"bg": {
"$type": "color",
"$value": "#f5f9fb"
},
"accent": {
"$type": "color",
"$value": "#497887"
},
"text": {
"$type": "color",
"$value": "#050809"
}
}
}About this palette
Classic Hydro Drift is a 3-color OKLCH-ready palette tagged blue, gray, cold, monochromatic, 3 colors. Hex values: #F5F9FB, #497887, #050809. APCA contrast score Lc 10. 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 Hydro Drift by OKLab color distance.