True Jacuzzi Studio palette

Colors in True Jacuzzi Studio: HEX, RGB, HSL & OKLCH

• bg

  #E6F1F6

  #E6F1F6 color page →

  RGB

  rgb(230 241 246)

  HSL

  hsl(199 47% 93%)

  OKLCH

  oklch(0.951 0.014 226.6)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)

• surface

  #78B8DB

  #78B8DB color page →

  RGB

  rgb(120 184 219)

  HSL

  hsl(201 58% 66%)

  OKLCH

  oklch(0.752 0.083 233.3)

  WCAG contrast: on white 2.16:1 (Fail) · on black 9.67:1 (AAA)

• primary

  #2376A1

  #2376A1 color page →

  RGB

  rgb(35 118 161)

  HSL

  hsl(200 64% 38%)

  OKLCH

  oklch(0.537 0.102 236.3)

  WCAG contrast: on white 5.02:1 (AA) · on black 4.17:1 (Fail)

• accent

  #0B4462

  #0B4462 color page →

  RGB

  rgb(11 68 98)

  HSL

  hsl(201 80% 21%)

  OKLCH

  oklch(0.368 0.075 238.1)

  WCAG contrast: on white 10.40:1 (AAA) · on black 2.01:1 (Fail)

• text

  #060B0F

  #060B0F color page →

  RGB

  rgb(6 11 15)

  HSL

  hsl(207 43% 4%)

  OKLCH

  oklch(0.146 0.013 239.8)

  WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)

Export True Jacuzzi Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #e6f1f6;
  --surface: #78b8db;
  --primary: #2376a1;
  --accent: #0b4462;
  --text: #060b0f;
}

@theme {
  --color-bg: #e6f1f6;
  --color-surface: #78b8db;
  --color-primary: #2376a1;
  --color-accent: #0b4462;
  --color-text: #060b0f;
}

{
  "true-jacuzzi-studio-2s": {
    "bg": {
      "$type": "color",
      "$value": "#e6f1f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#78b8db"
    },
    "primary": {
      "$type": "color",
      "$value": "#2376a1"
    },
    "accent": {
      "$type": "color",
      "$value": "#0b4462"
    },
    "text": {
      "$type": "color",
      "$value": "#060b0f"
    }
  }
}