Palette · 3 colors · Lc 9.1
Jacuzzi Noir palette
Jacuzzi Noir: a 3-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E3F6FF, #327CA8, #020B16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F6FF
accent
#327CA8
text
#020B16
Colors in Jacuzzi Noir: HEX, RGB, HSL & OKLCH
- #E3F6FF color page →
bg
#E3F6FF
- RGB
- rgb(227 246 255)
- HSL
- hsl(199 100% 95%)
- OKLCH
- oklch(0.962 0.023 227.7)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.89:1 (AAA)
- #327CA8 color page →
accent
#327CA8
- RGB
- rgb(50 124 168)
- HSL
- hsl(202 54% 43%)
- OKLCH
- oklch(0.56 0.1 238.4)
WCAG contrast: on white 4.58:1 (AA) · on black 4.58:1 (AA)
- #020B16 color page →
text
#020B16
- RGB
- rgb(2 11 22)
- HSL
- hsl(213 83% 5%)
- OKLCH
- oklch(0.145 0.03 247.7)
WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)
Export Jacuzzi Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f6ff;
--accent: #327ca8;
--text: #020b16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f6ff;
--color-accent: #327ca8;
--color-text: #020b16;
}JSON (DTCG tokens)
{
"jacuzzi-noir-2ur": {
"bg": {
"$type": "color",
"$value": "#e3f6ff"
},
"accent": {
"$type": "color",
"$value": "#327ca8"
},
"text": {
"$type": "color",
"$value": "#020b16"
}
}
}About this palette
Jacuzzi Noir is a 3-color OKLCH-ready palette tagged violet, cold, ocean, nature, 3 colors. Hex values: #E3F6FF, #327CA8, #020B16. APCA contrast score Lc 9.1. 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 Jacuzzi Noir by OKLab color distance.