Palette · 3 colors · Lc 8.8
Ahoy! Blue Circuit palette
Ahoy! Blue Circuit: a 3-color palette (Blue, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #E5F3F8, #18809F, #000E18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E5F3F8
accent
#18809F
text
#000E18
Colors in Ahoy! Blue Circuit: HEX, RGB, HSL & OKLCH
- #E5F3F8 color page →
bg
#E5F3F8
- RGB
- rgb(229 243 248)
- HSL
- hsl(196 58% 94%)
- OKLCH
- oklch(0.955 0.016 221.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.50:1 (AAA)
- #18809F color page →
accent
#18809F
- RGB
- rgb(24 128 159)
- HSL
- hsl(194 74% 36%)
- OKLCH
- oklch(0.559 0.099 224)
WCAG contrast: on white 4.53:1 (AA) · on black 4.62:1 (AA)
- #000E18 color page →
text
#000E18
- RGB
- rgb(0 14 24)
- HSL
- hsl(205 100% 5%)
- OKLCH
- oklch(0.155 0.033 235.2)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
Export Ahoy! Blue Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5f3f8;
--accent: #18809f;
--text: #000e18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5f3f8;
--color-accent: #18809f;
--color-text: #000e18;
}JSON (DTCG tokens)
{
"ahoy-blue-circuit-4na": {
"bg": {
"$type": "color",
"$value": "#e5f3f8"
},
"accent": {
"$type": "color",
"$value": "#18809f"
},
"text": {
"$type": "color",
"$value": "#000e18"
}
}
}About this palette
Ahoy! Blue Circuit is a 3-color OKLCH-ready palette tagged blue, gray, cold, ocean, nature, 3 colors. Hex values: #E5F3F8, #18809F, #000E18. APCA contrast score Lc 8.8. 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 Circuit by OKLab color distance.