Palette · 7 colors · Lc 7.9
Steady Royal Blue Canvas palette
Steady Royal Blue Canvas: a 7-color palette (Trending, Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #DAE0F0, #9DC8FA, #4DA3FB, #4066E6, #5746BE, #341A6E, #0F163B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE0F0
surface
#9DC8FA
muted
#4DA3FB
primary
#4066E6
secondary
#5746BE
accent
#341A6E
text
#0F163B
Colors in Steady Royal Blue Canvas: HEX, RGB, HSL & OKLCH
- #DAE0F0 color page →
bg
#DAE0F0
- RGB
- rgb(218 224 240)
- HSL
- hsl(224 42% 90%)
- OKLCH
- oklch(0.907 0.023 269.4)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.90:1 (AAA)
- #9DC8FA color page →
surface
#9DC8FA
- RGB
- rgb(157 200 250)
- HSL
- hsl(212 90% 80%)
- OKLCH
- oklch(0.82 0.084 252.6)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.07:1 (AAA)
- #4DA3FB color page →
muted
#4DA3FB
- RGB
- rgb(77 163 251)
- HSL
- hsl(210 96% 64%)
- OKLCH
- oklch(0.703 0.154 251.4)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.94:1 (AAA)
- #4066E6 color page →
primary
#4066E6
- RGB
- rgb(64 102 230)
- HSL
- hsl(226 77% 58%)
- OKLCH
- oklch(0.557 0.199 267.1)
WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)
- #5746BE color page →
secondary
#5746BE
- RGB
- rgb(87 70 190)
- HSL
- hsl(249 48% 51%)
- OKLCH
- oklch(0.483 0.18 283.8)
WCAG contrast: on white 6.94:1 (AA) · on black 3.02:1 (Fail)
- #341A6E color page →
accent
#341A6E
- RGB
- rgb(52 26 110)
- HSL
- hsl(259 62% 27%)
- OKLCH
- oklch(0.311 0.135 290.5)
WCAG contrast: on white 13.82:1 (AAA) · on black 1.51:1 (Fail)
- #0F163B color page →
text
#0F163B
- RGB
- rgb(15 22 59)
- HSL
- hsl(230 59% 15%)
- OKLCH
- oklch(0.219 0.072 271.2)
WCAG contrast: on white 17.52:1 (AAA) · on black 1.19:1 (Fail)
Export Steady Royal Blue Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae0f0;
--surface: #9dc8fa;
--muted: #4da3fb;
--primary: #4066e6;
--secondary: #5746be;
--accent: #341a6e;
--text: #0f163b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae0f0;
--color-surface: #9dc8fa;
--color-muted: #4da3fb;
--color-primary: #4066e6;
--color-secondary: #5746be;
--color-accent: #341a6e;
--color-text: #0f163b;
}JSON (DTCG tokens)
{
"steady-royal-blue-canvas-1ie": {
"bg": {
"$type": "color",
"$value": "#dae0f0"
},
"surface": {
"$type": "color",
"$value": "#9dc8fa"
},
"muted": {
"$type": "color",
"$value": "#4da3fb"
},
"primary": {
"$type": "color",
"$value": "#4066e6"
},
"secondary": {
"$type": "color",
"$value": "#5746be"
},
"accent": {
"$type": "color",
"$value": "#341a6e"
},
"text": {
"$type": "color",
"$value": "#0f163b"
}
}
}About this palette
Steady Royal Blue Canvas is a 7-color OKLCH-ready palette tagged trending, violet, cold, 7 colors. Hex values: #DAE0F0, #9DC8FA, #4DA3FB, #4066E6, #5746BE, #341A6E, #0F163B. APCA contrast score Lc 7.9. 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 Royal Blue Canvas by OKLab color distance.