Steady Cold Blue Nexus palette

Colors in Steady Cold Blue Nexus: HEX, RGB, HSL & OKLCH

• bg

  #F6FAF7

  #F6FAF7 color page →

  RGB

  rgb(246 250 247)

  HSL

  hsl(135 29% 97%)

  OKLCH

  oklch(0.981 0.006 153.8)

  WCAG contrast: on white 1.05:1 (Fail) · on black 19.93:1 (AAA)

• surface

  #CCF0DB

  #CCF0DB color page →

  RGB

  rgb(204 240 219)

  HSL

  hsl(145 55% 87%)

  OKLCH

  oklch(0.924 0.047 159.8)

  WCAG contrast: on white 1.23:1 (Fail) · on black 17.05:1 (AAA)

• primary

  #92D3CF

  #92D3CF color page →

  RGB

  rgb(146 211 207)

  HSL

  hsl(176 42% 70%)

  OKLCH

  oklch(0.822 0.066 191.1)

  WCAG contrast: on white 1.68:1 (Fail) · on black 12.44:1 (AAA)

• accent

  #ABC095

  #ABC095 color page →

  RGB

  rgb(171 192 149)

  HSL

  hsl(89 25% 67%)

  OKLCH

  oklch(0.78 0.063 129)

  WCAG contrast: on white 1.96:1 (Fail) · on black 10.70:1 (AAA)

• text

  #273C2E

  #273C2E color page →

  RGB

  rgb(39 60 46)

  HSL

  hsl(140 21% 19%)

  OKLCH

  oklch(0.334 0.036 154.8)

  WCAG contrast: on white 11.85:1 (AAA) · on black 1.77:1 (Fail)

Export Steady Cold Blue Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #f6faf7;
  --surface: #ccf0db;
  --primary: #92d3cf;
  --accent: #abc095;
  --text: #273c2e;
}

@theme {
  --color-bg: #f6faf7;
  --color-surface: #ccf0db;
  --color-primary: #92d3cf;
  --color-accent: #abc095;
  --color-text: #273c2e;
}

{
  "steady-cold-blue-nexus-6eo": {
    "bg": {
      "$type": "color",
      "$value": "#f6faf7"
    },
    "surface": {
      "$type": "color",
      "$value": "#ccf0db"
    },
    "primary": {
      "$type": "color",
      "$value": "#92d3cf"
    },
    "accent": {
      "$type": "color",
      "$value": "#abc095"
    },
    "text": {
      "$type": "color",
      "$value": "#273c2e"
    }
  }
}