Palette · 4 colors · Lc 9.5
Classic Muted Blue Beacon palette
Classic Muted Blue Beacon: a 4-color palette (Trending, Violet, Gray, Cold). HEX, RGB, HSL and OKLCH for #E9F0F6, #A2BDD3, #3073A9, #0A1C2A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F0F6
surface
#A2BDD3
accent
#3073A9
text
#0A1C2A
Colors in Classic Muted Blue Beacon: HEX, RGB, HSL & OKLCH
- #E9F0F6 color page →
bg
#E9F0F6
- RGB
- rgb(233 240 246)
- HSL
- hsl(208 42% 94%)
- OKLCH
- oklch(0.952 0.011 243.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #A2BDD3 color page →
surface
#A2BDD3
- RGB
- rgb(162 189 211)
- HSL
- hsl(207 36% 73%)
- OKLCH
- oklch(0.785 0.043 242.8)
WCAG contrast: on white 1.95:1 (Fail) · on black 10.75:1 (AAA)
- #3073A9 color page →
accent
#3073A9
- RGB
- rgb(48 115 169)
- HSL
- hsl(207 56% 43%)
- OKLCH
- oklch(0.538 0.108 246.1)
WCAG contrast: on white 5.05:1 (AA) · on black 4.15:1 (Fail)
- #0A1C2A color page →
text
#0A1C2A
- RGB
- rgb(10 28 42)
- HSL
- hsl(206 62% 10%)
- OKLCH
- oklch(0.219 0.037 244.1)
WCAG contrast: on white 17.32:1 (AAA) · on black 1.21:1 (Fail)
Export Classic Muted Blue Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f0f6;
--surface: #a2bdd3;
--accent: #3073a9;
--text: #0a1c2a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f0f6;
--color-surface: #a2bdd3;
--color-accent: #3073a9;
--color-text: #0a1c2a;
}JSON (DTCG tokens)
{
"classic-muted-blue-beacon-4ed": {
"bg": {
"$type": "color",
"$value": "#e9f0f6"
},
"surface": {
"$type": "color",
"$value": "#a2bdd3"
},
"accent": {
"$type": "color",
"$value": "#3073a9"
},
"text": {
"$type": "color",
"$value": "#0a1c2a"
}
}
}About this palette
Classic Muted Blue Beacon is a 4-color OKLCH-ready palette tagged trending, violet, gray, cold, ui system, 4 colors. Hex values: #E9F0F6, #A2BDD3, #3073A9, #0A1C2A. 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 Classic Muted Blue Beacon by OKLab color distance.