Classic Blue Öyster Cult Pulse palette

Colors in Classic Blue Öyster Cult Pulse: HEX, RGB, HSL & OKLCH

• bg

  #E6EAF6

  #E6EAF6 color page →

  RGB

  rgb(230 234 246)

  HSL

  hsl(225 47% 93%)

  OKLCH

  oklch(0.938 0.017 271.2)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.46:1 (AAA)

• surface

  #7EBBF9

  #7EBBF9 color page →

  RGB

  rgb(126 187 249)

  HSL

  hsl(210 91% 74%)

  OKLCH

  oklch(0.775 0.109 249.8)

  WCAG contrast: on white 2.02:1 (Fail) · on black 10.36:1 (AAA)

• primary

  #5A78E3

  #5A78E3 color page →

  RGB

  rgb(90 120 227)

  HSL

  hsl(227 71% 62%)

  OKLCH

  oklch(0.604 0.165 269.2)

  WCAG contrast: on white 4.01:1 (Fail) · on black 5.23:1 (AA)

• accent

  #45347F

  #45347F color page →

  RGB

  rgb(69 52 127)

  HSL

  hsl(254 42% 35%)

  OKLCH

  oklch(0.386 0.122 289.9)

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

• text

  #0D1734

  #0D1734 color page →

  RGB

  rgb(13 23 52)

  HSL

  hsl(225 60% 13%)

  OKLCH

  oklch(0.214 0.059 267.1)

  WCAG contrast: on white 17.65:1 (AAA) · on black 1.18:1 (Fail)

Export Classic Blue Öyster Cult Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #e6eaf6;
  --surface: #7ebbf9;
  --primary: #5a78e3;
  --accent: #45347f;
  --text: #0d1734;
}

@theme {
  --color-bg: #e6eaf6;
  --color-surface: #7ebbf9;
  --color-primary: #5a78e3;
  --color-accent: #45347f;
  --color-text: #0d1734;
}

{
  "classic-blue-yster-cult-pulse-2xl": {
    "bg": {
      "$type": "color",
      "$value": "#e6eaf6"
    },
    "surface": {
      "$type": "color",
      "$value": "#7ebbf9"
    },
    "primary": {
      "$type": "color",
      "$value": "#5a78e3"
    },
    "accent": {
      "$type": "color",
      "$value": "#45347f"
    },
    "text": {
      "$type": "color",
      "$value": "#0d1734"
    }
  }
}