Palette · 3 colors · Lc 9.5
Savoy Blue Noir palette
Savoy Blue Noir: a 3-color palette (Pink, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F1F6FF, #575CC7, #090B1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 3 Colors
bg
#F1F6FF
accent
#575CC7
text
#090B1D
Colors in Savoy Blue Noir: HEX, RGB, HSL & OKLCH
- #F1F6FF color page →
bg
#F1F6FF
- RGB
- rgb(241 246 255)
- HSL
- hsl(219 100% 97%)
- OKLCH
- oklch(0.972 0.013 262.4)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.36:1 (AAA)
- #575CC7 color page →
accent
#575CC7
- RGB
- rgb(87 92 199)
- HSL
- hsl(237 50% 56%)
- OKLCH
- oklch(0.528 0.163 277.2)
WCAG contrast: on white 5.58:1 (AA) · on black 3.76:1 (Fail)
- #090B1D color page →
text
#090B1D
- RGB
- rgb(9 11 29)
- HSL
- hsl(234 53% 7%)
- OKLCH
- oklch(0.159 0.038 276.3)
WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)
Export Savoy Blue Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f6ff;
--accent: #575cc7;
--text: #090b1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f6ff;
--color-accent: #575cc7;
--color-text: #090b1d;
}JSON (DTCG tokens)
{
"savoy-blue-noir-1bf": {
"bg": {
"$type": "color",
"$value": "#f1f6ff"
},
"accent": {
"$type": "color",
"$value": "#575cc7"
},
"text": {
"$type": "color",
"$value": "#090b1d"
}
}
}About this palette
Savoy Blue Noir is a 3-color OKLCH-ready palette tagged pink, monochromatic, 3 colors. Hex values: #F1F6FF, #575CC7, #090B1D. 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 Savoy Blue Noir by OKLab color distance.