Steady Jacuzzi Archive palette

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

• bg

  #DCF4FF

  #DCF4FF color page →

  RGB

  rgb(220 244 255)

  HSL

  hsl(199 100% 93%)

  OKLCH

  oklch(0.953 0.029 227)

  WCAG contrast: on white 1.13:1 (Fail) · on black 18.42:1 (AAA)

• surface

  #7CB6DA

  #7CB6DA color page →

  RGB

  rgb(124 182 218)

  HSL

  hsl(203 56% 67%)

  OKLCH

  oklch(0.75 0.08 236.5)

  WCAG contrast: on white 2.19:1 (Fail) · on black 9.56:1 (AAA)

• primary

  #2775A0

  #2775A0 color page →

  RGB

  rgb(39 117 160)

  HSL

  hsl(201 61% 39%)

  OKLCH

  oklch(0.535 0.1 237.4)

  WCAG contrast: on white 5.07:1 (AA) · on black 4.13:1 (Fail)

• accent

  #0E4B65

  #0E4B65 color page →

  RGB

  rgb(14 75 101)

  HSL

  hsl(198 76% 23%)

  OKLCH

  oklch(0.389 0.073 232.2)

  WCAG contrast: on white 9.48:1 (AAA) · on black 2.21:1 (Fail)

• text

  #0C2334

  #0C2334 color page →

  RGB

  rgb(12 35 52)

  HSL

  hsl(206 63% 13%)

  OKLCH

  oklch(0.247 0.043 243.2)

  WCAG contrast: on white 16.08:1 (AAA) · on black 1.30:1 (Fail)

Export Steady Jacuzzi Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #dcf4ff;
  --surface: #7cb6da;
  --primary: #2775a0;
  --accent: #0e4b65;
  --text: #0c2334;
}

@theme {
  --color-bg: #dcf4ff;
  --color-surface: #7cb6da;
  --color-primary: #2775a0;
  --color-accent: #0e4b65;
  --color-text: #0c2334;
}

{
  "steady-jacuzzi-archive-3c7": {
    "bg": {
      "$type": "color",
      "$value": "#dcf4ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#7cb6da"
    },
    "primary": {
      "$type": "color",
      "$value": "#2775a0"
    },
    "accent": {
      "$type": "color",
      "$value": "#0e4b65"
    },
    "text": {
      "$type": "color",
      "$value": "#0c2334"
    }
  }
}