Steady Celestial Noir palette

Colors in Steady Celestial Noir: HEX, RGB, HSL & OKLCH

• bg

  #D8F1F8

  #D8F1F8 color page →

  RGB

  rgb(216 241 248)

  HSL

  hsl(193 70% 91%)

  OKLCH

  oklch(0.942 0.028 216.4)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.85:1 (AAA)

• surface

  #77C1C3

  #77C1C3 color page →

  RGB

  rgb(119 193 195)

  HSL

  hsl(182 39% 62%)

  OKLCH

  oklch(0.763 0.074 197.9)

  WCAG contrast: on white 2.05:1 (Fail) · on black 10.20:1 (AAA)

• primary

  #007794

  #007794 color page →

  RGB

  rgb(0 119 148)

  HSL

  hsl(192 100% 29%)

  OKLCH

  oklch(0.528 0.098 222.6)

  WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)

• accent

  #00504D

  #00504D color page →

  RGB

  rgb(0 80 77)

  HSL

  hsl(178 100% 16%)

  OKLCH

  oklch(0.389 0.067 190.4)

  WCAG contrast: on white 9.31:1 (AAA) · on black 2.25:1 (Fail)

• text

  #021016

  #021016 color page →

  RGB

  rgb(2 16 22)

  HSL

  hsl(198 83% 5%)

  OKLCH

  oklch(0.162 0.026 224.5)

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

Export Steady Celestial Noir: CSS variables, Tailwind & JSON

:root {
  --bg: #d8f1f8;
  --surface: #77c1c3;
  --primary: #007794;
  --accent: #00504d;
  --text: #021016;
}

@theme {
  --color-bg: #d8f1f8;
  --color-surface: #77c1c3;
  --color-primary: #007794;
  --color-accent: #00504d;
  --color-text: #021016;
}

{
  "steady-celestial-noir-6jk": {
    "bg": {
      "$type": "color",
      "$value": "#d8f1f8"
    },
    "surface": {
      "$type": "color",
      "$value": "#77c1c3"
    },
    "primary": {
      "$type": "color",
      "$value": "#007794"
    },
    "accent": {
      "$type": "color",
      "$value": "#00504d"
    },
    "text": {
      "$type": "color",
      "$value": "#021016"
    }
  }
}