True Jacuzzi Drift palette

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

• bg

  #DFEFF8

  #DFEFF8 color page →

  RGB

  rgb(223 239 248)

  HSL

  hsl(202 64% 92%)

  OKLCH

  oklch(0.943 0.021 232.1)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.83:1 (AAA)

• surface

  #6DB9DA

  #6DB9DA color page →

  RGB

  rgb(109 185 218)

  HSL

  hsl(198 60% 64%)

  OKLCH

  oklch(0.749 0.089 227.9)

  WCAG contrast: on white 2.18:1 (Fail) · on black 9.60:1 (AAA)

• primary

  #0079A6

  #0079A6 color page →

  RGB

  rgb(0 121 166)

  HSL

  hsl(196 100% 33%)

  OKLCH

  oklch(0.542 0.113 233.4)

  WCAG contrast: on white 4.90:1 (AA) · on black 4.28:1 (Fail)

• accent

  #003F5B

  #003F5B color page →

  RGB

  rgb(0 63 91)

  HSL

  hsl(198 100% 18%)

  OKLCH

  oklch(0.348 0.074 235.7)

  WCAG contrast: on white 11.27:1 (AAA) · on black 1.86:1 (Fail)

• text

  #010B10

  #010B10 color page →

  RGB

  rgb(1 11 16)

  HSL

  hsl(200 88% 3%)

  OKLCH

  oklch(0.14 0.023 223.6)

  WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)

Export True Jacuzzi Drift: CSS variables, Tailwind & JSON

:root {
  --bg: #dfeff8;
  --surface: #6db9da;
  --primary: #0079a6;
  --accent: #003f5b;
  --text: #010b10;
}

@theme {
  --color-bg: #dfeff8;
  --color-surface: #6db9da;
  --color-primary: #0079a6;
  --color-accent: #003f5b;
  --color-text: #010b10;
}

{
  "true-jacuzzi-drift-52e": {
    "bg": {
      "$type": "color",
      "$value": "#dfeff8"
    },
    "surface": {
      "$type": "color",
      "$value": "#6db9da"
    },
    "primary": {
      "$type": "color",
      "$value": "#0079a6"
    },
    "accent": {
      "$type": "color",
      "$value": "#003f5b"
    },
    "text": {
      "$type": "color",
      "$value": "#010b10"
    }
  }
}