Palette · 3 colors · Lc 9.3
True Queen Blue Cascade palette
True Queen Blue Cascade: a 3-color palette (Violet, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #F8F1E8, #486D90, #0C0602, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F1E8
accent
#486D90
text
#0C0602
Colors in True Queen Blue Cascade: HEX, RGB, HSL & OKLCH
- #F8F1E8 color page →
bg
#F8F1E8
- RGB
- rgb(248 241 232)
- HSL
- hsl(34 53% 94%)
- OKLCH
- oklch(0.961 0.014 74.4)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.73:1 (AAA)
- #486D90 color page →
accent
#486D90
- RGB
- rgb(72 109 144)
- HSL
- hsl(209 33% 42%)
- OKLCH
- oklch(0.522 0.07 248)
WCAG contrast: on white 5.43:1 (AA) · on black 3.86:1 (Fail)
- #0C0602 color page →
text
#0C0602
- RGB
- rgb(12 6 2)
- HSL
- hsl(24 71% 3%)
- OKLCH
- oklch(0.13 0.019 67.1)
WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)
Export True Queen Blue Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f1e8;
--accent: #486d90;
--text: #0c0602;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f1e8;
--color-accent: #486d90;
--color-text: #0c0602;
}JSON (DTCG tokens)
{
"true-queen-blue-cascade-20d": {
"bg": {
"$type": "color",
"$value": "#f8f1e8"
},
"accent": {
"$type": "color",
"$value": "#486d90"
},
"text": {
"$type": "color",
"$value": "#0c0602"
}
}
}About this palette
True Queen Blue Cascade is a 3-color OKLCH-ready palette tagged violet, gray, cold, 3 colors. Hex values: #F8F1E8, #486D90, #0C0602. APCA contrast score Lc 9.3. 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 Queen Blue Cascade by OKLab color distance.