Classic Jacuzzi Cascade palette

Colors in Classic Jacuzzi Cascade: HEX, RGB, HSL & OKLCH

• bg

  #DBECF4

  #DBECF4 color page →

  RGB

  rgb(219 236 244)

  HSL

  hsl(199 53% 91%)

  OKLCH

  oklch(0.933 0.021 227.5)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.31:1 (AAA)

• surface

  #83BDD7

  #83BDD7 color page →

  RGB

  rgb(131 189 215)

  HSL

  hsl(199 51% 68%)

  OKLCH

  oklch(0.768 0.071 227.7)

  WCAG contrast: on white 2.05:1 (Fail) · on black 10.22:1 (AAA)

• primary

  #0078A8

  #0078A8 color page →

  RGB

  rgb(0 120 168)

  HSL

  hsl(197 100% 33%)

  OKLCH

  oklch(0.541 0.115 235.3)

  WCAG contrast: on white 4.93:1 (AA) · on black 4.25:1 (Fail)

• accent

  #003D54

  #003D54 color page →

  RGB

  rgb(0 61 84)

  HSL

  hsl(196 100% 16%)

  OKLCH

  oklch(0.338 0.068 231.2)

  WCAG contrast: on white 11.69:1 (AAA) · on black 1.79:1 (Fail)

• text

  #041018

  #041018 color page →

  RGB

  rgb(4 16 24)

  HSL

  hsl(204 71% 5%)

  OKLCH

  oklch(0.165 0.025 236.8)

  WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)

Export Classic Jacuzzi Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #dbecf4;
  --surface: #83bdd7;
  --primary: #0078a8;
  --accent: #003d54;
  --text: #041018;
}

@theme {
  --color-bg: #dbecf4;
  --color-surface: #83bdd7;
  --color-primary: #0078a8;
  --color-accent: #003d54;
  --color-text: #041018;
}

{
  "classic-jacuzzi-cascade-18x": {
    "bg": {
      "$type": "color",
      "$value": "#dbecf4"
    },
    "surface": {
      "$type": "color",
      "$value": "#83bdd7"
    },
    "primary": {
      "$type": "color",
      "$value": "#0078a8"
    },
    "accent": {
      "$type": "color",
      "$value": "#003d54"
    },
    "text": {
      "$type": "color",
      "$value": "#041018"
    }
  }
}