Steady Cyantific Lattice palette

Colors in Steady Cyantific Lattice: HEX, RGB, HSL & OKLCH

• bg

  #EFF7FB

  #EFF7FB color page →

  RGB

  rgb(239 247 251)

  HSL

  hsl(200 60% 96%)

  OKLCH

  oklch(0.971 0.01 228.9)

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

• surface

  #B7E2F1

  #B7E2F1 color page →

  RGB

  rgb(183 226 241)

  HSL

  hsl(196 67% 83%)

  OKLCH

  oklch(0.887 0.049 221.1)

  WCAG contrast: on white 1.38:1 (Fail) · on black 15.16:1 (AAA)

• primary

  #A9C6EE

  #A9C6EE color page →

  RGB

  rgb(169 198 238)

  HSL

  hsl(215 67% 80%)

  OKLCH

  oklch(0.819 0.065 256.5)

  WCAG contrast: on white 1.75:1 (Fail) · on black 11.99:1 (AAA)

• accent

  #80C6C4

  #80C6C4 color page →

  RGB

  rgb(128 198 196)

  HSL

  hsl(178 38% 64%)

  OKLCH

  oklch(0.78 0.071 193.5)

  WCAG contrast: on white 1.94:1 (Fail) · on black 10.79:1 (AAA)

• text

  #22323A

  #22323A color page →

  RGB

  rgb(34 50 58)

  HSL

  hsl(200 26% 18%)

  OKLCH

  oklch(0.307 0.026 230.3)

  WCAG contrast: on white 13.24:1 (AAA) · on black 1.58:1 (Fail)

Export Steady Cyantific Lattice: CSS variables, Tailwind & JSON

:root {
  --bg: #eff7fb;
  --surface: #b7e2f1;
  --primary: #a9c6ee;
  --accent: #80c6c4;
  --text: #22323a;
}

@theme {
  --color-bg: #eff7fb;
  --color-surface: #b7e2f1;
  --color-primary: #a9c6ee;
  --color-accent: #80c6c4;
  --color-text: #22323a;
}

{
  "steady-cyantific-lattice-685": {
    "bg": {
      "$type": "color",
      "$value": "#eff7fb"
    },
    "surface": {
      "$type": "color",
      "$value": "#b7e2f1"
    },
    "primary": {
      "$type": "color",
      "$value": "#a9c6ee"
    },
    "accent": {
      "$type": "color",
      "$value": "#80c6c4"
    },
    "text": {
      "$type": "color",
      "$value": "#22323a"
    }
  }
}