Palette · 10 colors · Lc 8.7
Hyper Blue Prism palette
Hyper Blue Prism: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E0EFF3, #ACD8E1, #76CED4, #2EB6BB, #0095B1, #0079A3, #005F93, #004576, #002B3E, #001720, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0EFF3
surface
#ACD8E1
muted
#76CED4
primary
#2EB6BB
secondary
#0095B1
accent
#0079A3
highlight
#005F93
border
#004576
focus
#002B3E
text
#001720
Colors in Hyper Blue Prism: HEX, RGB, HSL & OKLCH
- #E0EFF3 color page →
bg
#E0EFF3
- RGB
- rgb(224 239 243)
- HSL
- hsl(193 44% 92%)
- OKLCH
- oklch(0.942 0.017 215.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.81:1 (AAA)
- #ACD8E1 color page →
surface
#ACD8E1
- RGB
- rgb(172 216 225)
- HSL
- hsl(190 47% 78%)
- OKLCH
- oklch(0.854 0.048 211.5)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.66:1 (AAA)
- #76CED4 color page →
muted
#76CED4
- RGB
- rgb(118 206 212)
- HSL
- hsl(184 52% 65%)
- OKLCH
- oklch(0.799 0.085 201.3)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.54:1 (AAA)
- #2EB6BB color page →
primary
#2EB6BB
- RGB
- rgb(46 182 187)
- HSL
- hsl(182 61% 46%)
- OKLCH
- oklch(0.709 0.111 198.7)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.52:1 (AAA)
- #0095B1 color page →
secondary
#0095B1
- RGB
- rgb(0 149 177)
- HSL
- hsl(189 100% 35%)
- OKLCH
- oklch(0.618 0.111 217.4)
WCAG contrast: on white 3.53:1 (Fail) · on black 5.93:1 (AA)
- #0079A3 color page →
accent
#0079A3
- RGB
- rgb(0 121 163)
- HSL
- hsl(195 100% 32%)
- OKLCH
- oklch(0.541 0.11 231.5)
WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)
- #005F93 color page →
highlight
#005F93
- RGB
- rgb(0 95 147)
- HSL
- hsl(201 100% 29%)
- OKLCH
- oklch(0.466 0.112 242.9)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #004576 color page →
border
#004576
- RGB
- rgb(0 69 118)
- HSL
- hsl(205 100% 23%)
- OKLCH
- oklch(0.381 0.103 248)
WCAG contrast: on white 9.93:1 (AAA) · on black 2.11:1 (Fail)
- #002B3E color page →
focus
#002B3E
- RGB
- rgb(0 43 62)
- HSL
- hsl(198 100% 12%)
- OKLCH
- oklch(0.272 0.056 233.4)
WCAG contrast: on white 14.83:1 (AAA) · on black 1.41:1 (Fail)
- #001720 color page →
text
#001720
- RGB
- rgb(0 23 32)
- HSL
- hsl(197 100% 6%)
- OKLCH
- oklch(0.19 0.036 225.2)
WCAG contrast: on white 18.36:1 (AAA) · on black 1.14:1 (Fail)
Export Hyper Blue Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0eff3;
--surface: #acd8e1;
--muted: #76ced4;
--primary: #2eb6bb;
--secondary: #0095b1;
--accent: #0079a3;
--highlight: #005f93;
--border: #004576;
--focus: #002b3e;
--text: #001720;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0eff3;
--color-surface: #acd8e1;
--color-muted: #76ced4;
--color-primary: #2eb6bb;
--color-secondary: #0095b1;
--color-accent: #0079a3;
--color-highlight: #005f93;
--color-border: #004576;
--color-focus: #002b3e;
--color-text: #001720;
}JSON (DTCG tokens)
{
"hyper-blue-prism-6u5": {
"bg": {
"$type": "color",
"$value": "#e0eff3"
},
"surface": {
"$type": "color",
"$value": "#acd8e1"
},
"muted": {
"$type": "color",
"$value": "#76ced4"
},
"primary": {
"$type": "color",
"$value": "#2eb6bb"
},
"secondary": {
"$type": "color",
"$value": "#0095b1"
},
"accent": {
"$type": "color",
"$value": "#0079a3"
},
"highlight": {
"$type": "color",
"$value": "#005f93"
},
"border": {
"$type": "color",
"$value": "#004576"
},
"focus": {
"$type": "color",
"$value": "#002b3e"
},
"text": {
"$type": "color",
"$value": "#001720"
}
}
}About this palette
Hyper Blue Prism is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #E0EFF3, #ACD8E1, #76CED4, #2EB6BB, #0095B1, #0079A3, #005F93, #004576, #002B3E, #001720. APCA contrast score Lc 8.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 Hyper Blue Prism by OKLab color distance.