Palette · 5 colors · Lc 8.7
Ahoy! Blue Studio palette
Ahoy! Blue Studio: a 5-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #D9EFF5, #73C2C8, #007FA1, #005254, #001321, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9EFF5
surface
#73C2C8
primary
#007FA1
accent
#005254
text
#001321
Colors in Ahoy! Blue Studio: HEX, RGB, HSL & OKLCH
- #D9EFF5 color page →
bg
#D9EFF5
- RGB
- rgb(217 239 245)
- HSL
- hsl(193 58% 91%)
- OKLCH
- oklch(0.938 0.025 215.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)
- #73C2C8 color page →
surface
#73C2C8
- RGB
- rgb(115 194 200)
- HSL
- hsl(184 44% 62%)
- OKLCH
- oklch(0.766 0.078 201.9)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.27:1 (AAA)
- #007FA1 color page →
primary
#007FA1
- RGB
- rgb(0 127 161)
- HSL
- hsl(193 100% 32%)
- OKLCH
- oklch(0.555 0.105 225)
WCAG contrast: on white 4.61:1 (AA) · on black 4.55:1 (AA)
- #005254 color page →
accent
#005254
- RGB
- rgb(0 82 84)
- HSL
- hsl(181 100% 16%)
- OKLCH
- oklch(0.398 0.068 197.6)
WCAG contrast: on white 8.99:1 (AAA) · on black 2.33:1 (Fail)
- #001321 color page →
text
#001321
- RGB
- rgb(0 19 33)
- HSL
- hsl(205 100% 6%)
- OKLCH
- oklch(0.178 0.041 239.8)
WCAG contrast: on white 18.83:1 (AAA) · on black 1.11:1 (Fail)
Export Ahoy! Blue Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9eff5;
--surface: #73c2c8;
--primary: #007fa1;
--accent: #005254;
--text: #001321;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9eff5;
--color-surface: #73c2c8;
--color-primary: #007fa1;
--color-accent: #005254;
--color-text: #001321;
}JSON (DTCG tokens)
{
"ahoy-blue-studio-4b6": {
"bg": {
"$type": "color",
"$value": "#d9eff5"
},
"surface": {
"$type": "color",
"$value": "#73c2c8"
},
"primary": {
"$type": "color",
"$value": "#007fa1"
},
"accent": {
"$type": "color",
"$value": "#005254"
},
"text": {
"$type": "color",
"$value": "#001321"
}
}
}About this palette
Ahoy! Blue Studio is a 5-color OKLCH-ready palette tagged blue, cold, ocean, nature, 5 colors. Hex values: #D9EFF5, #73C2C8, #007FA1, #005254, #001321. 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 Ahoy! Blue Studio by OKLab color distance.