Steady Fading Night Glacier palette

Colors in Steady Fading Night Glacier: HEX, RGB, HSL & OKLCH

• bg

  #E1E8EF

  #E1E8EF color page →

  RGB

  rgb(225 232 239)

  HSL

  hsl(210 30% 91%)

  OKLCH

  oklch(0.928 0.012 248)

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

• surface

  #0077E4

  #0077E4 color page →

  RGB

  rgb(0 119 228)

  HSL

  hsl(209 100% 45%)

  OKLCH

  oklch(0.577 0.188 254.7)

  WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)

• primary

  #BD3E28

  #BD3E28 color page →

  RGB

  rgb(189 62 40)

  HSL

  hsl(9 65% 45%)

  OKLCH

  oklch(0.543 0.167 32.2)

  WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)

• accent

  #735F00

  #735F00 color page →

  RGB

  rgb(115 95 0)

  HSL

  hsl(50 100% 23%)

  OKLCH

  oklch(0.491 0.101 94.6)

  WCAG contrast: on white 6.23:1 (AA) · on black 3.36:1 (Fail)

• text

  #0E1822

  #0E1822 color page →

  RGB

  rgb(14 24 34)

  HSL

  hsl(210 42% 9%)

  OKLCH

  oklch(0.205 0.025 249.1)

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

Export Steady Fading Night Glacier: CSS variables, Tailwind & JSON

:root {
  --bg: #e1e8ef;
  --surface: #0077e4;
  --primary: #bd3e28;
  --accent: #735f00;
  --text: #0e1822;
}

@theme {
  --color-bg: #e1e8ef;
  --color-surface: #0077e4;
  --color-primary: #bd3e28;
  --color-accent: #735f00;
  --color-text: #0e1822;
}

{
  "steady-fading-night-glacier-4jf": {
    "bg": {
      "$type": "color",
      "$value": "#e1e8ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#0077e4"
    },
    "primary": {
      "$type": "color",
      "$value": "#bd3e28"
    },
    "accent": {
      "$type": "color",
      "$value": "#735f00"
    },
    "text": {
      "$type": "color",
      "$value": "#0e1822"
    }
  }
}