Palette · 3 colors · Lc 8.7
Corfu Waters Drift palette
Corfu Waters Drift: a 3-color palette (Blue, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #D3F7FF, #008BAF, #0A1E23, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D3F7FF
accent
#008BAF
text
#0A1E23
Colors in Corfu Waters Drift: HEX, RGB, HSL & OKLCH
- #D3F7FF color page →
bg
#D3F7FF
- RGB
- rgb(211 247 255)
- HSL
- hsl(191 100% 91%)
- OKLCH
- oklch(0.953 0.039 212.6)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.51:1 (AAA)
- #008BAF color page →
accent
#008BAF
- RGB
- rgb(0 139 175)
- HSL
- hsl(192 100% 34%)
- OKLCH
- oklch(0.592 0.112 224.4)
WCAG contrast: on white 3.95:1 (Fail) · on black 5.31:1 (AA)
- #0A1E23 color page →
text
#0A1E23
- RGB
- rgb(10 30 35)
- HSL
- hsl(192 56% 9%)
- OKLCH
- oklch(0.221 0.028 216.2)
WCAG contrast: on white 17.17:1 (AAA) · on black 1.22:1 (Fail)
Export Corfu Waters Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d3f7ff;
--accent: #008baf;
--text: #0a1e23;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d3f7ff;
--color-accent: #008baf;
--color-text: #0a1e23;
}JSON (DTCG tokens)
{
"corfu-waters-drift-3xo": {
"bg": {
"$type": "color",
"$value": "#d3f7ff"
},
"accent": {
"$type": "color",
"$value": "#008baf"
},
"text": {
"$type": "color",
"$value": "#0a1e23"
}
}
}About this palette
Corfu Waters Drift is a 3-color OKLCH-ready palette tagged blue, cold, 3 colors. Hex values: #D3F7FF, #008BAF, #0A1E23. APCA contrast score Lc 8.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 Corfu Waters Drift by OKLab color distance.