Steady Below Zero Nexus palette

Colors in Steady Below Zero Nexus: HEX, RGB, HSL & OKLCH

• bg

  #EFFAFB

  #EFFAFB color page →

  RGB

  rgb(239 250 251)

  HSL

  hsl(185 60% 96%)

  OKLCH

  oklch(0.977 0.012 203.5)

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

• surface

  #B8E9EC

  #B8E9EC color page →

  RGB

  rgb(184 233 236)

  HSL

  hsl(183 58% 82%)

  OKLCH

  oklch(0.901 0.05 200.9)

  WCAG contrast: on white 1.32:1 (Fail) · on black 15.90:1 (AAA)

• primary

  #8FCDE9

  #8FCDE9 color page →

  RGB

  rgb(143 205 233)

  HSL

  hsl(199 67% 74%)

  OKLCH

  oklch(0.816 0.074 227.9)

  WCAG contrast: on white 1.73:1 (Fail) · on black 12.07:1 (AAA)

• accent

  #9BD2B9

  #9BD2B9 color page →

  RGB

  rgb(155 210 185)

  HSL

  hsl(153 38% 72%)

  OKLCH

  oklch(0.819 0.067 165.1)

  WCAG contrast: on white 1.70:1 (Fail) · on black 12.31:1 (AAA)

• text

  #0B3538

  #0B3538 color page →

  RGB

  rgb(11 53 56)

  HSL

  hsl(184 67% 13%)

  OKLCH

  oklch(0.302 0.045 202)

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

Export Steady Below Zero Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #effafb;
  --surface: #b8e9ec;
  --primary: #8fcde9;
  --accent: #9bd2b9;
  --text: #0b3538;
}

@theme {
  --color-bg: #effafb;
  --color-surface: #b8e9ec;
  --color-primary: #8fcde9;
  --color-accent: #9bd2b9;
  --color-text: #0b3538;
}

{
  "steady-below-zero-nexus-67c": {
    "bg": {
      "$type": "color",
      "$value": "#effafb"
    },
    "surface": {
      "$type": "color",
      "$value": "#b8e9ec"
    },
    "primary": {
      "$type": "color",
      "$value": "#8fcde9"
    },
    "accent": {
      "$type": "color",
      "$value": "#9bd2b9"
    },
    "text": {
      "$type": "color",
      "$value": "#0b3538"
    }
  }
}