Palette · 6 colors · Lc 9.7
Pure Swimmer Quartz palette
Pure Swimmer Quartz: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EBF4F9, #86C1D2, #3094BA, #006888, #004257, #000E1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBF4F9
surface
#86C1D2
muted
#3094BA
primary
#006888
accent
#004257
text
#000E1D
Colors in Pure Swimmer Quartz: HEX, RGB, HSL & OKLCH
- #EBF4F9 color page →
bg
#EBF4F9
- RGB
- rgb(235 244 249)
- HSL
- hsl(201 54% 95%)
- OKLCH
- oklch(0.962 0.012 231.7)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.84:1 (AAA)
- #86C1D2 color page →
surface
#86C1D2
- RGB
- rgb(134 193 210)
- HSL
- hsl(193 46% 67%)
- OKLCH
- oklch(0.776 0.065 217.7)
WCAG contrast: on white 1.98:1 (Fail) · on black 10.57:1 (AAA)
- #3094BA color page →
muted
#3094BA
- RGB
- rgb(48 148 186)
- HSL
- hsl(197 59% 46%)
- OKLCH
- oklch(0.626 0.106 227.9)
WCAG contrast: on white 3.45:1 (Fail) · on black 6.07:1 (AA)
- #006888 color page →
primary
#006888
- RGB
- rgb(0 104 136)
- HSL
- hsl(194 100% 27%)
- OKLCH
- oklch(0.483 0.094 228)
WCAG contrast: on white 6.29:1 (AA) · on black 3.33:1 (Fail)
- #004257 color page →
accent
#004257
- RGB
- rgb(0 66 87)
- HSL
- hsl(194 100% 17%)
- OKLCH
- oklch(0.354 0.068 227.1)
WCAG contrast: on white 10.95:1 (AAA) · on black 1.91:1 (Fail)
- #000E1D color page →
text
#000E1D
- RGB
- rgb(0 14 29)
- HSL
- hsl(211 100% 6%)
- OKLCH
- oklch(0.159 0.041 245.7)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Swimmer Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebf4f9;
--surface: #86c1d2;
--muted: #3094ba;
--primary: #006888;
--accent: #004257;
--text: #000e1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebf4f9;
--color-surface: #86c1d2;
--color-muted: #3094ba;
--color-primary: #006888;
--color-accent: #004257;
--color-text: #000e1d;
}JSON (DTCG tokens)
{
"pure-swimmer-quartz-63n": {
"bg": {
"$type": "color",
"$value": "#ebf4f9"
},
"surface": {
"$type": "color",
"$value": "#86c1d2"
},
"muted": {
"$type": "color",
"$value": "#3094ba"
},
"primary": {
"$type": "color",
"$value": "#006888"
},
"accent": {
"$type": "color",
"$value": "#004257"
},
"text": {
"$type": "color",
"$value": "#000e1d"
}
}
}About this palette
Pure Swimmer Quartz is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #EBF4F9, #86C1D2, #3094BA, #006888, #004257, #000E1D. 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 Pure Swimmer Quartz by OKLab color distance.