Palette · 3 colors · Lc 9.4
True Cruising Beacon palette
True Cruising Beacon: a 3-color palette (Blue, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #E8F4F6, #008299, #000F18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F4F6
accent
#008299
text
#000F18
Colors in True Cruising Beacon: HEX, RGB, HSL & OKLCH
- #E8F4F6 color page →
bg
#E8F4F6
- RGB
- rgb(232 244 246)
- HSL
- hsl(189 44% 94%)
- OKLCH
- oklch(0.959 0.013 208.8)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.70:1 (AAA)
- #008299 color page →
accent
#008299
- RGB
- rgb(0 130 153)
- HSL
- hsl(189 100% 30%)
- OKLCH
- oklch(0.559 0.099 215.9)
WCAG contrast: on white 4.51:1 (AA) · on black 4.65:1 (AA)
- #000F18 color page →
text
#000F18
- RGB
- rgb(0 15 24)
- HSL
- hsl(203 100% 5%)
- OKLCH
- oklch(0.158 0.032 231.5)
WCAG contrast: on white 19.41:1 (AAA) · on black 1.08:1 (Fail)
Export True Cruising Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f4f6;
--accent: #008299;
--text: #000f18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f4f6;
--color-accent: #008299;
--color-text: #000f18;
}JSON (DTCG tokens)
{
"true-cruising-beacon-2m3": {
"bg": {
"$type": "color",
"$value": "#e8f4f6"
},
"accent": {
"$type": "color",
"$value": "#008299"
},
"text": {
"$type": "color",
"$value": "#000f18"
}
}
}About this palette
True Cruising Beacon is a 3-color OKLCH-ready palette tagged blue, gray, cold, ocean, nature, 3 colors. Hex values: #E8F4F6, #008299, #000F18. APCA contrast score Lc 9.4. 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 True Cruising Beacon by OKLab color distance.