Palette · 6 colors · Lc 10
True Hyper Blue Mirror palette
True Hyper Blue Mirror: a 6-color palette (Violet, Cold, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #F8F9F9, #D6EBE9, #77CBCC, #008D97, #00619D, #001717, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F9F9
surface
#D6EBE9
muted
#77CBCC
primary
#008D97
accent
#00619D
text
#001717
Colors in True Hyper Blue Mirror: HEX, RGB, HSL & OKLCH
- #F8F9F9 color page →
bg
#F8F9F9
- RGB
- rgb(248 249 249)
- HSL
- hsl(180 8% 97%)
- OKLCH
- oklch(0.981 0.001 197.1)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.90:1 (AAA)
- #D6EBE9 color page →
surface
#D6EBE9
- RGB
- rgb(214 235 233)
- HSL
- hsl(174 34% 88%)
- OKLCH
- oklch(0.924 0.022 189.9)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.91:1 (AAA)
- #77CBCC color page →
muted
#77CBCC
- RGB
- rgb(119 203 204)
- HSL
- hsl(181 45% 63%)
- OKLCH
- oklch(0.789 0.082 196.6)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.19:1 (AAA)
- #008D97 color page →
primary
#008D97
- RGB
- rgb(0 141 151)
- HSL
- hsl(184 100% 30%)
- OKLCH
- oklch(0.586 0.1 203.6)
WCAG contrast: on white 3.99:1 (Fail) · on black 5.25:1 (AA)
- #00619D color page →
accent
#00619D
- RGB
- rgb(0 97 157)
- HSL
- hsl(203 100% 31%)
- OKLCH
- oklch(0.477 0.123 246)
WCAG contrast: on white 6.56:1 (AA) · on black 3.19:1 (Fail)
- #001717 color page →
text
#001717
- RGB
- rgb(0 23 23)
- HSL
- hsl(180 100% 5%)
- OKLCH
- oklch(0.185 0.032 194.8)
WCAG contrast: on white 18.50:1 (AAA) · on black 1.13:1 (Fail)
Export True Hyper Blue Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f9f9;
--surface: #d6ebe9;
--muted: #77cbcc;
--primary: #008d97;
--accent: #00619d;
--text: #001717;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f9f9;
--color-surface: #d6ebe9;
--color-muted: #77cbcc;
--color-primary: #008d97;
--color-accent: #00619d;
--color-text: #001717;
}JSON (DTCG tokens)
{
"true-hyper-blue-mirror-2gs": {
"bg": {
"$type": "color",
"$value": "#f8f9f9"
},
"surface": {
"$type": "color",
"$value": "#d6ebe9"
},
"muted": {
"$type": "color",
"$value": "#77cbcc"
},
"primary": {
"$type": "color",
"$value": "#008d97"
},
"accent": {
"$type": "color",
"$value": "#00619d"
},
"text": {
"$type": "color",
"$value": "#001717"
}
}
}About this palette
True Hyper Blue Mirror is a 6-color OKLCH-ready palette tagged violet, cold, ui system, 6 colors. Hex values: #F8F9F9, #D6EBE9, #77CBCC, #008D97, #00619D, #001717. APCA contrast score Lc 10. 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 True Hyper Blue Mirror by OKLab color distance.