Steady Chill of the Night Ledger palette

Colors in Steady Chill of the Night Ledger: HEX, RGB, HSL & OKLCH

• bg

  #DEF4FF

  #DEF4FF color page →

  RGB

  rgb(222 244 255)

  HSL

  hsl(200 100% 94%)

  OKLCH

  oklch(0.954 0.028 229.2)

  WCAG contrast: on white 1.13:1 (Fail) · on black 18.49:1 (AAA)

• surface

  #91CFE4

  #91CFE4 color page →

  RGB

  rgb(145 207 228)

  HSL

  hsl(195 61% 73%)

  OKLCH

  oklch(0.82 0.07 221)

  WCAG contrast: on white 1.71:1 (Fail) · on black 12.24:1 (AAA)

• muted

  #5598B9

  #5598B9 color page →

  RGB

  rgb(85 152 185)

  HSL

  hsl(200 42% 53%)

  OKLCH

  oklch(0.648 0.084 231.4)

  WCAG contrast: on white 3.19:1 (Fail) · on black 6.57:1 (AA)

• primary

  #136E91

  #136E91 color page →

  RGB

  rgb(19 110 145)

  HSL

  hsl(197 77% 32%)

  OKLCH

  oklch(0.506 0.096 230.5)

  WCAG contrast: on white 5.72:1 (AA) · on black 3.66:1 (Fail)

• accent

  #004159

  #004159 color page →

  RGB

  rgb(0 65 89)

  HSL

  hsl(196 100% 17%)

  OKLCH

  oklch(0.352 0.071 230.9)

  WCAG contrast: on white 11.05:1 (AAA) · on black 1.90:1 (Fail)

• text

  #050F1A

  #050F1A color page →

  RGB

  rgb(5 15 26)

  HSL

  hsl(211 68% 6%)

  OKLCH

  oklch(0.165 0.028 249.9)

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

Export Steady Chill of the Night Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #def4ff;
  --surface: #91cfe4;
  --muted: #5598b9;
  --primary: #136e91;
  --accent: #004159;
  --text: #050f1a;
}

@theme {
  --color-bg: #def4ff;
  --color-surface: #91cfe4;
  --color-muted: #5598b9;
  --color-primary: #136e91;
  --color-accent: #004159;
  --color-text: #050f1a;
}

{
  "steady-chill-of-the-night-ledger-76d": {
    "bg": {
      "$type": "color",
      "$value": "#def4ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#91cfe4"
    },
    "muted": {
      "$type": "color",
      "$value": "#5598b9"
    },
    "primary": {
      "$type": "color",
      "$value": "#136e91"
    },
    "accent": {
      "$type": "color",
      "$value": "#004159"
    },
    "text": {
      "$type": "color",
      "$value": "#050f1a"
    }
  }
}