Steady Jacuzzi Prism palette

Colors in Steady Jacuzzi Prism: HEX, RGB, HSL & OKLCH

• bg

  #E9EEF0

  #E9EEF0 color page →

  RGB

  rgb(233 238 240)

  HSL

  hsl(197 19% 93%)

  OKLCH

  oklch(0.946 0.006 223.5)

  WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)

• surface

  #82C5D6

  #82C5D6 color page →

  RGB

  rgb(130 197 214)

  HSL

  hsl(192 51% 67%)

  OKLCH

  oklch(0.785 0.072 215.5)

  WCAG contrast: on white 1.92:1 (Fail) · on black 10.90:1 (AAA)

• primary

  #21749F

  #21749F color page →

  RGB

  rgb(33 116 159)

  HSL

  hsl(200 66% 38%)

  OKLCH

  oklch(0.531 0.102 236.5)

  WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)

• accent

  #004E5E

  #004E5E color page →

  RGB

  rgb(0 78 94)

  HSL

  hsl(190 100% 18%)

  OKLCH

  oklch(0.391 0.07 217.6)

  WCAG contrast: on white 9.32:1 (AAA) · on black 2.25:1 (Fail)

• text

  #000E1D

  #000E1D color page →

  RGB

  rgb(0 14 29)

  HSL

  hsl(211 100% 6%)

  OKLCH

  oklch(0.159 0.041 245.7)

  WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)

Export Steady Jacuzzi Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #e9eef0;
  --surface: #82c5d6;
  --primary: #21749f;
  --accent: #004e5e;
  --text: #000e1d;
}

@theme {
  --color-bg: #e9eef0;
  --color-surface: #82c5d6;
  --color-primary: #21749f;
  --color-accent: #004e5e;
  --color-text: #000e1d;
}

{
  "steady-jacuzzi-prism-4fe": {
    "bg": {
      "$type": "color",
      "$value": "#e9eef0"
    },
    "surface": {
      "$type": "color",
      "$value": "#82c5d6"
    },
    "primary": {
      "$type": "color",
      "$value": "#21749f"
    },
    "accent": {
      "$type": "color",
      "$value": "#004e5e"
    },
    "text": {
      "$type": "color",
      "$value": "#000e1d"
    }
  }
}