Palette · 7 colors · Lc 9.3
Steady Epic Blue Beacon palette
Steady Epic Blue Beacon: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #DBF4FF, #86C0FD, #339DFB, #0067ED, #0046A1, #003A67, #141F28, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBF4FF
surface
#86C0FD
muted
#339DFB
primary
#0067ED
secondary
#0046A1
accent
#003A67
text
#141F28
Colors in Steady Epic Blue Beacon: HEX, RGB, HSL & OKLCH
- #DBF4FF color page →
bg
#DBF4FF
- RGB
- rgb(219 244 255)
- HSL
- hsl(198 100% 93%)
- OKLCH
- oklch(0.952 0.03 226)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.39:1 (AAA)
- #86C0FD color page →
surface
#86C0FD
- RGB
- rgb(134 192 253)
- HSL
- hsl(211 97% 76%)
- OKLCH
- oklch(0.791 0.106 250.5)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.97:1 (AAA)
- #339DFB color page →
muted
#339DFB
- RGB
- rgb(51 157 251)
- HSL
- hsl(208 96% 59%)
- OKLCH
- oklch(0.682 0.168 249.8)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.35:1 (AAA)
- #0067ED color page →
primary
#0067ED
- RGB
- rgb(0 103 237)
- HSL
- hsl(214 100% 46%)
- OKLCH
- oklch(0.55 0.218 259.4)
WCAG contrast: on white 5.04:1 (AA) · on black 4.16:1 (Fail)
- #0046A1 color page →
secondary
#0046A1
- RGB
- rgb(0 70 161)
- HSL
- hsl(214 100% 32%)
- OKLCH
- oklch(0.418 0.16 258.8)
WCAG contrast: on white 8.78:1 (AAA) · on black 2.39:1 (Fail)
- #003A67 color page →
accent
#003A67
- RGB
- rgb(0 58 103)
- HSL
- hsl(206 100% 20%)
- OKLCH
- oklch(0.342 0.095 249.3)
WCAG contrast: on white 11.65:1 (AAA) · on black 1.80:1 (Fail)
- #141F28 color page →
text
#141F28
- RGB
- rgb(20 31 40)
- HSL
- hsl(207 33% 12%)
- OKLCH
- oklch(0.233 0.023 243.7)
WCAG contrast: on white 16.71:1 (AAA) · on black 1.25:1 (Fail)
Export Steady Epic Blue Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbf4ff;
--surface: #86c0fd;
--muted: #339dfb;
--primary: #0067ed;
--secondary: #0046a1;
--accent: #003a67;
--text: #141f28;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbf4ff;
--color-surface: #86c0fd;
--color-muted: #339dfb;
--color-primary: #0067ed;
--color-secondary: #0046a1;
--color-accent: #003a67;
--color-text: #141f28;
}JSON (DTCG tokens)
{
"steady-epic-blue-beacon-1oi": {
"bg": {
"$type": "color",
"$value": "#dbf4ff"
},
"surface": {
"$type": "color",
"$value": "#86c0fd"
},
"muted": {
"$type": "color",
"$value": "#339dfb"
},
"primary": {
"$type": "color",
"$value": "#0067ed"
},
"secondary": {
"$type": "color",
"$value": "#0046a1"
},
"accent": {
"$type": "color",
"$value": "#003a67"
},
"text": {
"$type": "color",
"$value": "#141f28"
}
}
}About this palette
Steady Epic Blue Beacon is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #DBF4FF, #86C0FD, #339DFB, #0067ED, #0046A1, #003A67, #141F28. 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 Steady Epic Blue Beacon by OKLab color distance.