Palette · 4 colors · Lc 9.7
Steady Beach View Noir palette
Steady Beach View Noir: a 4-color palette (Violet, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #F3F9FF, #B9BFC5, #517392, #04121F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3F9FF
surface
#B9BFC5
accent
#517392
text
#04121F
Colors in Steady Beach View Noir: HEX, RGB, HSL & OKLCH
- #F3F9FF color page →
bg
#F3F9FF
- RGB
- rgb(243 249 255)
- HSL
- hsl(210 100% 98%)
- OKLCH
- oklch(0.979 0.01 247.9)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.80:1 (AAA)
- #B9BFC5 color page →
surface
#B9BFC5
- RGB
- rgb(185 191 197)
- HSL
- hsl(210 9% 75%)
- OKLCH
- oklch(0.802 0.011 248)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.32:1 (AAA)
- #517392 color page →
accent
#517392
- RGB
- rgb(81 115 146)
- HSL
- hsl(209 29% 45%)
- OKLCH
- oklch(0.542 0.062 246.7)
WCAG contrast: on white 4.97:1 (AA) · on black 4.21:1 (Fail)
- #04121F color page →
text
#04121F
- RGB
- rgb(4 18 31)
- HSL
- hsl(209 77% 7%)
- OKLCH
- oklch(0.177 0.034 246.5)
WCAG contrast: on white 18.89:1 (AAA) · on black 1.11:1 (Fail)
Export Steady Beach View Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3f9ff;
--surface: #b9bfc5;
--accent: #517392;
--text: #04121f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3f9ff;
--color-surface: #b9bfc5;
--color-accent: #517392;
--color-text: #04121f;
}JSON (DTCG tokens)
{
"steady-beach-view-noir-4o1": {
"bg": {
"$type": "color",
"$value": "#f3f9ff"
},
"surface": {
"$type": "color",
"$value": "#b9bfc5"
},
"accent": {
"$type": "color",
"$value": "#517392"
},
"text": {
"$type": "color",
"$value": "#04121f"
}
}
}About this palette
Steady Beach View Noir is a 4-color OKLCH-ready palette tagged violet, gray, cold, ui system, 4 colors. Hex values: #F3F9FF, #B9BFC5, #517392, #04121F. APCA contrast score Lc 9.7. 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 Beach View Noir by OKLab color distance.