Palette · 9 colors · Lc 9.7
High Blue Studio palette
High Blue Studio: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D1F5FA, #65DDE9, #00C9ED, #00A3E8, #0084CB, #00629F, #00447B, #002346, #000B16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D1F5FA
surface
#65DDE9
muted
#00C9ED
primary
#00A3E8
secondary
#0084CB
accent
#00629F
highlight
#00447B
border
#002346
text
#000B16
Colors in High Blue Studio: HEX, RGB, HSL & OKLCH
- #D1F5FA color page →
bg
#D1F5FA
- RGB
- rgb(209 245 250)
- HSL
- hsl(187 80% 90%)
- OKLCH
- oklch(0.946 0.038 206.8)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.15:1 (AAA)
- #65DDE9 color page →
surface
#65DDE9
- RGB
- rgb(101 221 233)
- HSL
- hsl(185 75% 65%)
- OKLCH
- oklch(0.834 0.108 204.2)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.07:1 (AAA)
- #00C9ED color page →
muted
#00C9ED
- RGB
- rgb(0 201 237)
- HSL
- hsl(189 100% 46%)
- OKLCH
- oklch(0.771 0.138 216.9)
WCAG contrast: on white 1.98:1 (Fail) · on black 10.57:1 (AAA)
- #00A3E8 color page →
primary
#00A3E8
- RGB
- rgb(0 163 232)
- HSL
- hsl(198 100% 45%)
- OKLCH
- oklch(0.679 0.149 237.6)
WCAG contrast: on white 2.83:1 (Fail) · on black 7.40:1 (AAA)
- #0084CB color page →
secondary
#0084CB
- RGB
- rgb(0 132 203)
- HSL
- hsl(201 100% 40%)
- OKLCH
- oklch(0.59 0.144 243.4)
WCAG contrast: on white 4.06:1 (Fail) · on black 5.16:1 (AA)
- #00629F color page →
accent
#00629F
- RGB
- rgb(0 98 159)
- HSL
- hsl(203 100% 31%)
- OKLCH
- oklch(0.481 0.124 246.1)
WCAG contrast: on white 6.46:1 (AA) · on black 3.24:1 (Fail)
- #00447B color page →
highlight
#00447B
- RGB
- rgb(0 68 123)
- HSL
- hsl(207 100% 24%)
- OKLCH
- oklch(0.382 0.111 250.8)
WCAG contrast: on white 9.93:1 (AAA) · on black 2.11:1 (Fail)
- #002346 color page →
border
#002346
- RGB
- rgb(0 35 70)
- HSL
- hsl(210 100% 14%)
- OKLCH
- oklch(0.255 0.077 252.1)
WCAG contrast: on white 15.80:1 (AAA) · on black 1.32:1 (Fail)
- #000B16 color page →
text
#000B16
- RGB
- rgb(0 11 22)
- HSL
- hsl(210 100% 4%)
- OKLCH
- oklch(0.143 0.033 240.8)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
Export High Blue Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d1f5fa;
--surface: #65dde9;
--muted: #00c9ed;
--primary: #00a3e8;
--secondary: #0084cb;
--accent: #00629f;
--highlight: #00447b;
--border: #002346;
--text: #000b16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d1f5fa;
--color-surface: #65dde9;
--color-muted: #00c9ed;
--color-primary: #00a3e8;
--color-secondary: #0084cb;
--color-accent: #00629f;
--color-highlight: #00447b;
--color-border: #002346;
--color-text: #000b16;
}JSON (DTCG tokens)
{
"high-blue-studio-5f9": {
"bg": {
"$type": "color",
"$value": "#d1f5fa"
},
"surface": {
"$type": "color",
"$value": "#65dde9"
},
"muted": {
"$type": "color",
"$value": "#00c9ed"
},
"primary": {
"$type": "color",
"$value": "#00a3e8"
},
"secondary": {
"$type": "color",
"$value": "#0084cb"
},
"accent": {
"$type": "color",
"$value": "#00629f"
},
"highlight": {
"$type": "color",
"$value": "#00447b"
},
"border": {
"$type": "color",
"$value": "#002346"
},
"text": {
"$type": "color",
"$value": "#000b16"
}
}
}About this palette
High Blue Studio is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #D1F5FA, #65DDE9, #00C9ED, #00A3E8, #0084CB, #00629F, #00447B, #002346, #000B16. 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 High Blue Studio by OKLab color distance.