Pure Blue Öyster Cult Ledger palette

Colors in Pure Blue Öyster Cult Ledger: HEX, RGB, HSL & OKLCH

• bg

  #040410

  #040410 color page →

  RGB

  rgb(4 4 16)

  HSL

  hsl(240 60% 4%)

  OKLCH

  oklch(0.117 0.031 280.6)

  WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)

• surface

  #192975

  #192975 color page →

  RGB

  rgb(25 41 117)

  HSL

  hsl(230 65% 28%)

  OKLCH

  oklch(0.322 0.131 268.6)

  WCAG contrast: on white 13.00:1 (AAA) · on black 1.61:1 (Fail)

• muted

  #3645B0

  #3645B0 color page →

  RGB

  rgb(54 69 176)

  HSL

  hsl(233 53% 45%)

  OKLCH

  oklch(0.446 0.17 271.5)

  WCAG contrast: on white 7.96:1 (AAA) · on black 2.63:1 (Fail)

• primary

  #547FF7

  #547FF7 color page →

  RGB

  rgb(84 127 247)

  HSL

  hsl(224 91% 65%)

  OKLCH

  oklch(0.628 0.185 266.3)

  WCAG contrast: on white 3.64:1 (Fail) · on black 5.75:1 (AA)

• accent

  #8BB5FF

  #8BB5FF color page →

  RGB

  rgb(139 181 255)

  HSL

  hsl(218 100% 77%)

  OKLCH

  oklch(0.772 0.116 261.3)

  WCAG contrast: on white 2.06:1 (Fail) · on black 10.15:1 (AAA)

• text

  #E6F6FF

  #E6F6FF color page →

  RGB

  rgb(230 246 255)

  HSL

  hsl(202 100% 95%)

  OKLCH

  oklch(0.964 0.021 232.1)

  WCAG contrast: on white 1.10:1 (Fail) · on black 18.99:1 (AAA)

Export Pure Blue Öyster Cult Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #040410;
  --surface: #192975;
  --muted: #3645b0;
  --primary: #547ff7;
  --accent: #8bb5ff;
  --text: #e6f6ff;
}

@theme {
  --color-bg: #040410;
  --color-surface: #192975;
  --color-muted: #3645b0;
  --color-primary: #547ff7;
  --color-accent: #8bb5ff;
  --color-text: #e6f6ff;
}

{
  "pure-blue-yster-cult-ledger-204": {
    "bg": {
      "$type": "color",
      "$value": "#040410"
    },
    "surface": {
      "$type": "color",
      "$value": "#192975"
    },
    "muted": {
      "$type": "color",
      "$value": "#3645b0"
    },
    "primary": {
      "$type": "color",
      "$value": "#547ff7"
    },
    "accent": {
      "$type": "color",
      "$value": "#8bb5ff"
    },
    "text": {
      "$type": "color",
      "$value": "#e6f6ff"
    }
  }
}