Palette · 6 colors · Lc 9.1
Wing Commander Harbor palette
Wing Commander Harbor: a 6-color palette (Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #DEECF7, #76C0EA, #009AEE, #0060C0, #073778, #001937, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEECF7
surface
#76C0EA
muted
#009AEE
primary
#0060C0
accent
#073778
text
#001937
Colors in Wing Commander Harbor: HEX, RGB, HSL & OKLCH
- #DEECF7 color page →
bg
#DEECF7
- RGB
- rgb(222 236 247)
- HSL
- hsl(206 61% 92%)
- OKLCH
- oklch(0.936 0.021 241.4)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.44:1 (AAA)
- #76C0EA color page →
surface
#76C0EA
- RGB
- rgb(118 192 234)
- HSL
- hsl(202 73% 69%)
- OKLCH
- oklch(0.775 0.095 234.7)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.49:1 (AAA)
- #009AEE color page →
muted
#009AEE
- RGB
- rgb(0 154 238)
- HSL
- hsl(201 100% 47%)
- OKLCH
- oklch(0.661 0.163 244.1)
WCAG contrast: on white 3.06:1 (Fail) · on black 6.85:1 (AA)
- #0060C0 color page →
primary
#0060C0
- RGB
- rgb(0 96 192)
- HSL
- hsl(210 100% 38%)
- OKLCH
- oklch(0.5 0.169 255.7)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #073778 color page →
accent
#073778
- RGB
- rgb(7 55 120)
- HSL
- hsl(215 89% 25%)
- OKLCH
- oklch(0.35 0.122 258.3)
WCAG contrast: on white 11.49:1 (AAA) · on black 1.82:1 (Fail)
- #001937 color page →
text
#001937
- RGB
- rgb(0 25 55)
- HSL
- hsl(213 100% 11%)
- OKLCH
- oklch(0.214 0.067 253.5)
WCAG contrast: on white 17.58:1 (AAA) · on black 1.19:1 (Fail)
Export Wing Commander Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #deecf7;
--surface: #76c0ea;
--muted: #009aee;
--primary: #0060c0;
--accent: #073778;
--text: #001937;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #deecf7;
--color-surface: #76c0ea;
--color-muted: #009aee;
--color-primary: #0060c0;
--color-accent: #073778;
--color-text: #001937;
}JSON (DTCG tokens)
{
"wing-commander-harbor-45h": {
"bg": {
"$type": "color",
"$value": "#deecf7"
},
"surface": {
"$type": "color",
"$value": "#76c0ea"
},
"muted": {
"$type": "color",
"$value": "#009aee"
},
"primary": {
"$type": "color",
"$value": "#0060c0"
},
"accent": {
"$type": "color",
"$value": "#073778"
},
"text": {
"$type": "color",
"$value": "#001937"
}
}
}About this palette
Wing Commander Harbor is a 6-color OKLCH-ready palette tagged violet, cold, 6 colors. Hex values: #DEECF7, #76C0EA, #009AEE, #0060C0, #073778, #001937. APCA contrast score Lc 9.1. 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 Wing Commander Harbor by OKLab color distance.