Palette · 3 colors · Lc 9.5
Hyper Blue Meadow palette
Hyper Blue Meadow: a 3-color palette (Violet, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #F5ECE1, #1B609C, #100A05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5ECE1
accent
#1B609C
text
#100A05
Colors in Hyper Blue Meadow: HEX, RGB, HSL & OKLCH
- #F5ECE1 color page →
bg
#F5ECE1
- RGB
- rgb(245 236 225)
- HSL
- hsl(33 50% 92%)
- OKLCH
- oklch(0.947 0.018 73.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.96:1 (AAA)
- #1B609C color page →
accent
#1B609C
- RGB
- rgb(27 96 156)
- HSL
- hsl(208 70% 36%)
- OKLCH
- oklch(0.479 0.117 249.5)
WCAG contrast: on white 6.56:1 (AA) · on black 3.19:1 (Fail)
- #100A05 color page →
text
#100A05
- RGB
- rgb(16 10 5)
- HSL
- hsl(27 52% 4%)
- OKLCH
- oklch(0.151 0.016 66.3)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
Export Hyper Blue Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ece1;
--accent: #1b609c;
--text: #100a05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ece1;
--color-accent: #1b609c;
--color-text: #100a05;
}JSON (DTCG tokens)
{
"hyper-blue-meadow-2l7": {
"bg": {
"$type": "color",
"$value": "#f5ece1"
},
"accent": {
"$type": "color",
"$value": "#1b609c"
},
"text": {
"$type": "color",
"$value": "#100a05"
}
}
}About this palette
Hyper Blue Meadow is a 3-color OKLCH-ready palette tagged violet, cold, 3 colors. Hex values: #F5ECE1, #1B609C, #100A05. APCA contrast score Lc 9.5. 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 Meadow by OKLab color distance.