Palette · 4 colors · Lc 9.7
Steady Swimmer Nexus palette
Steady Swimmer Nexus: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E0F7FF, #0090C3, #8B5E00, #040F14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0F7FF
surface
#0090C3
accent
#8B5E00
text
#040F14
Colors in Steady Swimmer Nexus: HEX, RGB, HSL & OKLCH
- #E0F7FF color page →
bg
#E0F7FF
- RGB
- rgb(224 247 255)
- HSL
- hsl(195 100% 94%)
- OKLCH
- oklch(0.962 0.026 220.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.91:1 (AAA)
- #0090C3 color page →
surface
#0090C3
- RGB
- rgb(0 144 195)
- HSL
- hsl(196 100% 38%)
- OKLCH
- oklch(0.614 0.126 232.5)
WCAG contrast: on white 3.63:1 (Fail) · on black 5.77:1 (AA)
- #8B5E00 color page →
accent
#8B5E00
- RGB
- rgb(139 94 0)
- HSL
- hsl(41 100% 27%)
- OKLCH
- oklch(0.517 0.108 76.3)
WCAG contrast: on white 5.67:1 (AA) · on black 3.69:1 (Fail)
- #040F14 color page →
text
#040F14
- RGB
- rgb(4 15 20)
- HSL
- hsl(199 67% 5%)
- OKLCH
- oklch(0.16 0.021 226.2)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Swimmer Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0f7ff;
--surface: #0090c3;
--accent: #8b5e00;
--text: #040f14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0f7ff;
--color-surface: #0090c3;
--color-accent: #8b5e00;
--color-text: #040f14;
}JSON (DTCG tokens)
{
"steady-swimmer-nexus-2xt": {
"bg": {
"$type": "color",
"$value": "#e0f7ff"
},
"surface": {
"$type": "color",
"$value": "#0090c3"
},
"accent": {
"$type": "color",
"$value": "#8b5e00"
},
"text": {
"$type": "color",
"$value": "#040f14"
}
}
}About this palette
Steady Swimmer Nexus is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #E0F7FF, #0090C3, #8B5E00, #040F14. APCA contrast score Lc 9.7. 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 Steady Swimmer Nexus by OKLab color distance.