Steady Jacuzzi Harbor palette

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

• bg

  #DEECF5

  #DEECF5 color page →

  RGB

  rgb(222 236 245)

  HSL

  hsl(203 53% 92%)

  OKLCH

  oklch(0.935 0.019 235.7)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.42:1 (AAA)

• surface

  #79B9CF

  #79B9CF color page →

  RGB

  rgb(121 185 207)

  HSL

  hsl(195 47% 64%)

  OKLCH

  oklch(0.751 0.073 221.7)

  WCAG contrast: on white 2.17:1 (Fail) · on black 9.65:1 (AAA)

• primary

  #2D7BA8

  #2D7BA8 color page →

  RGB

  rgb(45 123 168)

  HSL

  hsl(202 58% 42%)

  OKLCH

  oklch(0.556 0.102 238.1)

  WCAG contrast: on white 4.65:1 (AA) · on black 4.51:1 (AA)

• accent

  #004E65

  #004E65 color page →

  RGB

  rgb(0 78 101)

  HSL

  hsl(194 100% 20%)

  OKLCH

  oklch(0.395 0.075 225.9)

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

• text

  #000A1C

  #000A1C color page →

  RGB

  rgb(0 10 28)

  HSL

  hsl(219 100% 5%)

  OKLCH

  oklch(0.145 0.045 253)

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

Export Steady Jacuzzi Harbor: CSS variables, Tailwind & JSON

:root {
  --bg: #deecf5;
  --surface: #79b9cf;
  --primary: #2d7ba8;
  --accent: #004e65;
  --text: #000a1c;
}

@theme {
  --color-bg: #deecf5;
  --color-surface: #79b9cf;
  --color-primary: #2d7ba8;
  --color-accent: #004e65;
  --color-text: #000a1c;
}

{
  "steady-jacuzzi-harbor-3jr": {
    "bg": {
      "$type": "color",
      "$value": "#deecf5"
    },
    "surface": {
      "$type": "color",
      "$value": "#79b9cf"
    },
    "primary": {
      "$type": "color",
      "$value": "#2d7ba8"
    },
    "accent": {
      "$type": "color",
      "$value": "#004e65"
    },
    "text": {
      "$type": "color",
      "$value": "#000a1c"
    }
  }
}