Steady Jacuzzi Circuit palette

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

• bg

  #F4F9FB

  #F4F9FB color page →

  RGB

  rgb(244 249 251)

  HSL

  hsl(197 47% 97%)

  OKLCH

  oklch(0.979 0.006 223.5)

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

• surface

  #7DB5BE

  #7DB5BE color page →

  RGB

  rgb(125 181 190)

  HSL

  hsl(188 33% 62%)

  OKLCH

  oklch(0.738 0.06 208.5)

  WCAG contrast: on white 2.27:1 (Fail) · on black 9.22:1 (AAA)

• primary

  #0075A2

  #0075A2 color page →

  RGB

  rgb(0 117 162)

  HSL

  hsl(197 100% 32%)

  OKLCH

  oklch(0.53 0.111 234.2)

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

• accent

  #004F56

  #004F56 color page →

  RGB

  rgb(0 79 86)

  HSL

  hsl(185 100% 17%)

  OKLCH

  oklch(0.39 0.067 205.1)

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

• text

  #020B14

  #020B14 color page →

  RGB

  rgb(2 11 20)

  HSL

  hsl(210 82% 4%)

  OKLCH

  oklch(0.144 0.027 242.6)

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

Export Steady Jacuzzi Circuit: CSS variables, Tailwind & JSON

:root {
  --bg: #f4f9fb;
  --surface: #7db5be;
  --primary: #0075a2;
  --accent: #004f56;
  --text: #020b14;
}

@theme {
  --color-bg: #f4f9fb;
  --color-surface: #7db5be;
  --color-primary: #0075a2;
  --color-accent: #004f56;
  --color-text: #020b14;
}

{
  "steady-jacuzzi-circuit-59n": {
    "bg": {
      "$type": "color",
      "$value": "#f4f9fb"
    },
    "surface": {
      "$type": "color",
      "$value": "#7db5be"
    },
    "primary": {
      "$type": "color",
      "$value": "#0075a2"
    },
    "accent": {
      "$type": "color",
      "$value": "#004f56"
    },
    "text": {
      "$type": "color",
      "$value": "#020b14"
    }
  }
}