Palette · 9 colors · Lc 9.1
Jacuzzi Prism palette
Jacuzzi Prism: a 9-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DBF2FD, #B3CFDB, #71B7CE, #459AB6, #2578A6, #005C7B, #004957, #01303F, #051019, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBF2FD
surface
#B3CFDB
muted
#71B7CE
primary
#459AB6
secondary
#2578A6
accent
#005C7B
highlight
#004957
border
#01303F
text
#051019
Colors in Jacuzzi Prism: HEX, RGB, HSL & OKLCH
- #DBF2FD color page →
bg
#DBF2FD
- RGB
- rgb(219 242 253)
- HSL
- hsl(199 89% 93%)
- OKLCH
- oklch(0.948 0.028 228)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.13:1 (AAA)
- #B3CFDB color page →
surface
#B3CFDB
- RGB
- rgb(179 207 219)
- HSL
- hsl(198 36% 78%)
- OKLCH
- oklch(0.838 0.034 225.5)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.86:1 (AAA)
- #71B7CE color page →
muted
#71B7CE
- RGB
- rgb(113 183 206)
- HSL
- hsl(195 49% 63%)
- OKLCH
- oklch(0.742 0.078 221)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.36:1 (AAA)
- #459AB6 color page →
primary
#459AB6
- RGB
- rgb(69 154 182)
- HSL
- hsl(195 45% 49%)
- OKLCH
- oklch(0.645 0.091 222.7)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.55:1 (AA)
- #2578A6 color page →
secondary
#2578A6
- RGB
- rgb(37 120 166)
- HSL
- hsl(201 64% 40%)
- OKLCH
- oklch(0.545 0.105 238)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #005C7B color page →
accent
#005C7B
- RGB
- rgb(0 92 123)
- HSL
- hsl(195 100% 24%)
- OKLCH
- oklch(0.445 0.089 229.9)
WCAG contrast: on white 7.45:1 (AAA) · on black 2.81:1 (Fail)
- #004957 color page →
highlight
#004957
- RGB
- rgb(0 73 87)
- HSL
- hsl(190 100% 17%)
- OKLCH
- oklch(0.373 0.066 216.1)
WCAG contrast: on white 10.04:1 (AAA) · on black 2.09:1 (Fail)
- #01303F color page →
border
#01303F
- RGB
- rgb(1 48 63)
- HSL
- hsl(195 97% 13%)
- OKLCH
- oklch(0.288 0.054 225.4)
WCAG contrast: on white 14.03:1 (AAA) · on black 1.49:1 (Fail)
- #051019 color page →
text
#051019
- RGB
- rgb(5 16 25)
- HSL
- hsl(207 67% 6%)
- OKLCH
- oklch(0.167 0.026 242.7)
WCAG contrast: on white 19.18:1 (AAA) · on black 1.09:1 (Fail)
Export Jacuzzi Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbf2fd;
--surface: #b3cfdb;
--muted: #71b7ce;
--primary: #459ab6;
--secondary: #2578a6;
--accent: #005c7b;
--highlight: #004957;
--border: #01303f;
--text: #051019;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbf2fd;
--color-surface: #b3cfdb;
--color-muted: #71b7ce;
--color-primary: #459ab6;
--color-secondary: #2578a6;
--color-accent: #005c7b;
--color-highlight: #004957;
--color-border: #01303f;
--color-text: #051019;
}JSON (DTCG tokens)
{
"jacuzzi-prism-1uq": {
"bg": {
"$type": "color",
"$value": "#dbf2fd"
},
"surface": {
"$type": "color",
"$value": "#b3cfdb"
},
"muted": {
"$type": "color",
"$value": "#71b7ce"
},
"primary": {
"$type": "color",
"$value": "#459ab6"
},
"secondary": {
"$type": "color",
"$value": "#2578a6"
},
"accent": {
"$type": "color",
"$value": "#005c7b"
},
"highlight": {
"$type": "color",
"$value": "#004957"
},
"border": {
"$type": "color",
"$value": "#01303f"
},
"text": {
"$type": "color",
"$value": "#051019"
}
}
}About this palette
Jacuzzi Prism is a 9-color OKLCH-ready palette tagged violet, cold, ocean, nature, 9 colors. Hex values: #DBF2FD, #B3CFDB, #71B7CE, #459AB6, #2578A6, #005C7B, #004957, #01303F, #051019. 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 Prism by OKLab color distance.