Palette · 10 colors · Lc 8.9
Classic Wing Commander Nexus palette
Classic Wing Commander Nexus: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #010B1C, #00173C, #032B63, #00479D, #0065C1, #0088DB, #3AA3F6, #79C3FF, #A3D9FF, #D1EFFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#010B1C
surface
#00173C
muted
#032B63
primary
#00479D
secondary
#0065C1
accent
#0088DB
highlight
#3AA3F6
border
#79C3FF
focus
#A3D9FF
text
#D1EFFF
Colors in Classic Wing Commander Nexus: HEX, RGB, HSL & OKLCH
- #010B1C color page →
bg
#010B1C
- RGB
- rgb(1 11 28)
- HSL
- hsl(218 93% 6%)
- OKLCH
- oklch(0.149 0.042 253.9)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
- #00173C color page →
surface
#00173C
- RGB
- rgb(0 23 60)
- HSL
- hsl(217 100% 12%)
- OKLCH
- oklch(0.214 0.078 257.7)
WCAG contrast: on white 17.67:1 (AAA) · on black 1.18:1 (Fail)
- #032B63 color page →
muted
#032B63
- RGB
- rgb(3 43 99)
- HSL
- hsl(215 94% 20%)
- OKLCH
- oklch(0.302 0.108 258.4)
WCAG contrast: on white 13.72:1 (AAA) · on black 1.52:1 (Fail)
- #00479D color page →
primary
#00479D
- RGB
- rgb(0 71 157)
- HSL
- hsl(213 100% 31%)
- OKLCH
- oklch(0.416 0.153 257.9)
WCAG contrast: on white 8.79:1 (AAA) · on black 2.38:1 (Fail)
- #0065C1 color page →
secondary
#0065C1
- RGB
- rgb(0 101 193)
- HSL
- hsl(209 100% 38%)
- OKLCH
- oklch(0.512 0.164 254.2)
WCAG contrast: on white 5.78:1 (AA) · on black 3.63:1 (Fail)
- #0088DB color page →
accent
#0088DB
- RGB
- rgb(0 136 219)
- HSL
- hsl(203 100% 43%)
- OKLCH
- oklch(0.609 0.158 246.5)
WCAG contrast: on white 3.78:1 (Fail) · on black 5.54:1 (AA)
- #3AA3F6 color page →
highlight
#3AA3F6
- RGB
- rgb(58 163 246)
- HSL
- hsl(206 91% 60%)
- OKLCH
- oklch(0.694 0.154 246.7)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.74:1 (AAA)
- #79C3FF color page →
border
#79C3FF
- RGB
- rgb(121 195 255)
- HSL
- hsl(207 100% 74%)
- OKLCH
- oklch(0.792 0.113 244.4)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.06:1 (AAA)
- #A3D9FF color page →
focus
#A3D9FF
- RGB
- rgb(163 217 255)
- HSL
- hsl(205 100% 82%)
- OKLCH
- oklch(0.861 0.077 239.5)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.92:1 (AAA)
- #D1EFFF color page →
text
#D1EFFF
- RGB
- rgb(209 239 255)
- HSL
- hsl(201 100% 91%)
- OKLCH
- oklch(0.935 0.038 231)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
Export Classic Wing Commander Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010b1c;
--surface: #00173c;
--muted: #032b63;
--primary: #00479d;
--secondary: #0065c1;
--accent: #0088db;
--highlight: #3aa3f6;
--border: #79c3ff;
--focus: #a3d9ff;
--text: #d1efff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010b1c;
--color-surface: #00173c;
--color-muted: #032b63;
--color-primary: #00479d;
--color-secondary: #0065c1;
--color-accent: #0088db;
--color-highlight: #3aa3f6;
--color-border: #79c3ff;
--color-focus: #a3d9ff;
--color-text: #d1efff;
}JSON (DTCG tokens)
{
"classic-wing-commander-nexus-7nb": {
"bg": {
"$type": "color",
"$value": "#010b1c"
},
"surface": {
"$type": "color",
"$value": "#00173c"
},
"muted": {
"$type": "color",
"$value": "#032b63"
},
"primary": {
"$type": "color",
"$value": "#00479d"
},
"secondary": {
"$type": "color",
"$value": "#0065c1"
},
"accent": {
"$type": "color",
"$value": "#0088db"
},
"highlight": {
"$type": "color",
"$value": "#3aa3f6"
},
"border": {
"$type": "color",
"$value": "#79c3ff"
},
"focus": {
"$type": "color",
"$value": "#a3d9ff"
},
"text": {
"$type": "color",
"$value": "#d1efff"
}
}
}About this palette
Classic Wing Commander Nexus is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #010B1C, #00173C, #032B63, #00479D, #0065C1, #0088DB, #3AA3F6, #79C3FF, #A3D9FF, #D1EFFF. APCA contrast score Lc 8.9. 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 Classic Wing Commander Nexus by OKLab color distance.