Palette · 5 colors · Lc 9.5
Honolulu Blue Horizon palette
Honolulu Blue Horizon: a 5-color palette (Trending, Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #E9F7FF, #0082CE, #994A00, #163246, #040A0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F7FF
surface
#0082CE
primary
#994A00
accent
#163246
text
#040A0E
Colors in Honolulu Blue Horizon: HEX, RGB, HSL & OKLCH
- #E9F7FF color page →
bg
#E9F7FF
- RGB
- rgb(233 247 255)
- HSL
- hsl(202 100% 96%)
- OKLCH
- oklch(0.968 0.018 232.5)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.21:1 (AAA)
- #0082CE color page →
surface
#0082CE
- RGB
- rgb(0 130 206)
- HSL
- hsl(202 100% 40%)
- OKLCH
- oklch(0.587 0.149 245.4)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #994A00 color page →
primary
#994A00
- RGB
- rgb(153 74 0)
- HSL
- hsl(29 100% 30%)
- OKLCH
- oklch(0.5 0.127 52.9)
WCAG contrast: on white 6.29:1 (AA) · on black 3.33:1 (Fail)
- #163246 color page →
accent
#163246
- RGB
- rgb(22 50 70)
- HSL
- hsl(205 52% 18%)
- OKLCH
- oklch(0.305 0.05 241.9)
WCAG contrast: on white 13.30:1 (AAA) · on black 1.57:1 (Fail)
- #040A0E color page →
text
#040A0E
- RGB
- rgb(4 10 14)
- HSL
- hsl(204 56% 4%)
- OKLCH
- oklch(0.139 0.015 232.1)
WCAG contrast: on white 19.90:1 (AAA) · on black 1.05:1 (Fail)
Export Honolulu Blue Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f7ff;
--surface: #0082ce;
--primary: #994a00;
--accent: #163246;
--text: #040a0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f7ff;
--color-surface: #0082ce;
--color-primary: #994a00;
--color-accent: #163246;
--color-text: #040a0e;
}JSON (DTCG tokens)
{
"honolulu-blue-horizon-7cz": {
"bg": {
"$type": "color",
"$value": "#e9f7ff"
},
"surface": {
"$type": "color",
"$value": "#0082ce"
},
"primary": {
"$type": "color",
"$value": "#994a00"
},
"accent": {
"$type": "color",
"$value": "#163246"
},
"text": {
"$type": "color",
"$value": "#040a0e"
}
}
}About this palette
Honolulu Blue Horizon is a 5-color OKLCH-ready palette tagged trending, violet, cold, 5 colors. Hex values: #E9F7FF, #0082CE, #994A00, #163246, #040A0E. APCA contrast score Lc 9.5. 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 Honolulu Blue Horizon by OKLab color distance.