Dusk Meteorite Ledger palette

Colors in Dusk Meteorite Ledger: HEX, RGB, HSL & OKLCH

• bg

  #E9ECFE

  #E9ECFE color page →

  RGB

  rgb(233 236 254)

  HSL

  hsl(231 91% 95%)

  OKLCH

  oklch(0.946 0.024 278.4)

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

• surface

  #A3B6D5

  #A3B6D5 color page →

  RGB

  rgb(163 182 213)

  HSL

  hsl(217 37% 74%)

  OKLCH

  oklch(0.772 0.049 260.2)

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

• primary

  #7078A8

  #7078A8 color page →

  RGB

  rgb(112 120 168)

  HSL

  hsl(231 24% 55%)

  OKLCH

  oklch(0.585 0.074 276.6)

  WCAG contrast: on white 4.25:1 (Fail) · on black 4.94:1 (AA)

• accent

  #504473

  #504473 color page →

  RGB

  rgb(80 68 115)

  HSL

  hsl(255 26% 36%)

  OKLCH

  oklch(0.42 0.078 294.6)

  WCAG contrast: on white 8.69:1 (AAA) · on black 2.41:1 (Fail)

• text

  #111224

  #111224 color page →

  RGB

  rgb(17 18 36)

  HSL

  hsl(237 36% 10%)

  OKLCH

  oklch(0.191 0.036 280)

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

Export Dusk Meteorite Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #e9ecfe;
  --surface: #a3b6d5;
  --primary: #7078a8;
  --accent: #504473;
  --text: #111224;
}

@theme {
  --color-bg: #e9ecfe;
  --color-surface: #a3b6d5;
  --color-primary: #7078a8;
  --color-accent: #504473;
  --color-text: #111224;
}

{
  "dusk-meteorite-ledger-a4": {
    "bg": {
      "$type": "color",
      "$value": "#e9ecfe"
    },
    "surface": {
      "$type": "color",
      "$value": "#a3b6d5"
    },
    "primary": {
      "$type": "color",
      "$value": "#7078a8"
    },
    "accent": {
      "$type": "color",
      "$value": "#504473"
    },
    "text": {
      "$type": "color",
      "$value": "#111224"
    }
  }
}