Palette · 6 colors · Lc 9.8
Steady Frosted Blueberries Beacon palette
Steady Frosted Blueberries Beacon: a 6-color palette (Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #F1F9FF, #A0C4FF, #6392FF, #145BD6, #18347B, #12192A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1F9FF
surface
#A0C4FF
muted
#6392FF
primary
#145BD6
accent
#18347B
text
#12192A
Colors in Steady Frosted Blueberries Beacon: HEX, RGB, HSL & OKLCH
- #F1F9FF color page →
bg
#F1F9FF
- RGB
- rgb(241 249 255)
- HSL
- hsl(206 100% 97%)
- OKLCH
- oklch(0.978 0.012 239.9)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.73:1 (AAA)
- #A0C4FF color page →
surface
#A0C4FF
- RGB
- rgb(160 196 255)
- HSL
- hsl(217 100% 81%)
- OKLCH
- oklch(0.816 0.092 260.1)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.83:1 (AAA)
- #6392FF color page →
muted
#6392FF
- RGB
- rgb(99 146 255)
- HSL
- hsl(222 100% 69%)
- OKLCH
- oklch(0.678 0.169 264.7)
WCAG contrast: on white 2.96:1 (Fail) · on black 7.08:1 (AAA)
- #145BD6 color page →
primary
#145BD6
- RGB
- rgb(20 91 214)
- HSL
- hsl(218 83% 46%)
- OKLCH
- oklch(0.509 0.201 261)
WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)
- #18347B color page →
accent
#18347B
- RGB
- rgb(24 52 123)
- HSL
- hsl(223 67% 29%)
- OKLCH
- oklch(0.351 0.126 264.5)
WCAG contrast: on white 11.56:1 (AAA) · on black 1.81:1 (Fail)
- #12192A color page →
text
#12192A
- RGB
- rgb(18 25 42)
- HSL
- hsl(223 40% 12%)
- OKLCH
- oklch(0.216 0.035 266.4)
WCAG contrast: on white 17.52:1 (AAA) · on black 1.19:1 (Fail)
Export Steady Frosted Blueberries Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f9ff;
--surface: #a0c4ff;
--muted: #6392ff;
--primary: #145bd6;
--accent: #18347b;
--text: #12192a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f9ff;
--color-surface: #a0c4ff;
--color-muted: #6392ff;
--color-primary: #145bd6;
--color-accent: #18347b;
--color-text: #12192a;
}JSON (DTCG tokens)
{
"steady-frosted-blueberries-beacon-4by": {
"bg": {
"$type": "color",
"$value": "#f1f9ff"
},
"surface": {
"$type": "color",
"$value": "#a0c4ff"
},
"muted": {
"$type": "color",
"$value": "#6392ff"
},
"primary": {
"$type": "color",
"$value": "#145bd6"
},
"accent": {
"$type": "color",
"$value": "#18347b"
},
"text": {
"$type": "color",
"$value": "#12192a"
}
}
}About this palette
Steady Frosted Blueberries Beacon is a 6-color OKLCH-ready palette tagged violet, cold, 6 colors. Hex values: #F1F9FF, #A0C4FF, #6392FF, #145BD6, #18347B, #12192A. APCA contrast score Lc 9.8. 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 Steady Frosted Blueberries Beacon by OKLab color distance.