Palette · 6 colors · Lc 9.8
Pure Swimmer Brief palette
Pure Swimmer Brief: a 6-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #ECFBFF, #89C3DA, #3C93BA, #076885, #003951, #020F1F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECFBFF
surface
#89C3DA
muted
#3C93BA
primary
#076885
accent
#003951
text
#020F1F
Colors in Pure Swimmer Brief: HEX, RGB, HSL & OKLCH
- #ECFBFF color page →
bg
#ECFBFF
- RGB
- rgb(236 251 255)
- HSL
- hsl(193 100% 96%)
- OKLCH
- oklch(0.978 0.017 215.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.80:1 (AAA)
- #89C3DA color page →
surface
#89C3DA
- RGB
- rgb(137 195 218)
- HSL
- hsl(197 52% 70%)
- OKLCH
- oklch(0.785 0.068 224.6)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.88:1 (AAA)
- #3C93BA color page →
muted
#3C93BA
- RGB
- rgb(60 147 186)
- HSL
- hsl(199 51% 48%)
- OKLCH
- oklch(0.627 0.101 230.9)
WCAG contrast: on white 3.45:1 (Fail) · on black 6.07:1 (AA)
- #076885 color page →
primary
#076885
- RGB
- rgb(7 104 133)
- HSL
- hsl(194 90% 27%)
- OKLCH
- oklch(0.482 0.09 226)
WCAG contrast: on white 6.31:1 (AA) · on black 3.32:1 (Fail)
- #003951 color page →
accent
#003951
- RGB
- rgb(0 57 81)
- HSL
- hsl(198 100% 16%)
- OKLCH
- oklch(0.325 0.068 233.8)
WCAG contrast: on white 12.32:1 (AAA) · on black 1.70:1 (Fail)
- #020F1F color page →
text
#020F1F
- RGB
- rgb(2 15 31)
- HSL
- hsl(213 88% 6%)
- OKLCH
- oklch(0.165 0.04 250.9)
WCAG contrast: on white 19.25:1 (AAA) · on black 1.09:1 (Fail)
Export Pure Swimmer Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecfbff;
--surface: #89c3da;
--muted: #3c93ba;
--primary: #076885;
--accent: #003951;
--text: #020f1f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecfbff;
--color-surface: #89c3da;
--color-muted: #3c93ba;
--color-primary: #076885;
--color-accent: #003951;
--color-text: #020f1f;
}JSON (DTCG tokens)
{
"pure-swimmer-brief-4e6": {
"bg": {
"$type": "color",
"$value": "#ecfbff"
},
"surface": {
"$type": "color",
"$value": "#89c3da"
},
"muted": {
"$type": "color",
"$value": "#3c93ba"
},
"primary": {
"$type": "color",
"$value": "#076885"
},
"accent": {
"$type": "color",
"$value": "#003951"
},
"text": {
"$type": "color",
"$value": "#020f1f"
}
}
}About this palette
Pure Swimmer Brief is a 6-color OKLCH-ready palette tagged violet, cold, ocean, nature, 6 colors. Hex values: #ECFBFF, #89C3DA, #3C93BA, #076885, #003951, #020F1F. APCA contrast score Lc 9.8. 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 Pure Swimmer Brief by OKLab color distance.