Electric Arcane Brew Prism palette

Colors in Electric Arcane Brew Prism: HEX, RGB, HSL & OKLCH

• bg

  #EBF4FF

  #EBF4FF color page →

  RGB

  rgb(235 244 255)

  HSL

  hsl(213 100% 96%)

  OKLCH

  oklch(0.964 0.018 253.3)

  WCAG contrast: on white 1.11:1 (Fail) · on black 18.91:1 (AAA)

• surface

  #8EB4FF

  #8EB4FF color page →

  RGB

  rgb(142 180 255)

  HSL

  hsl(220 100% 78%)

  OKLCH

  oklch(0.772 0.116 263.3)

  WCAG contrast: on white 2.07:1 (Fail) · on black 10.12:1 (AAA)

• primary

  #525AFF

  #525AFF color page →

  RGB

  rgb(82 90 255)

  HSL

  hsl(237 100% 66%)

  OKLCH

  oklch(0.566 0.239 273.6)

  WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)

• accent

  #263780

  #263780 color page →

  RGB

  rgb(38 55 128)

  HSL

  hsl(229 54% 33%)

  OKLCH

  oklch(0.368 0.125 269.4)

  WCAG contrast: on white 10.82:1 (AAA) · on black 1.94:1 (Fail)

• text

  #0D1221

  #0D1221 color page →

  RGB

  rgb(13 18 33)

  HSL

  hsl(225 43% 9%)

  OKLCH

  oklch(0.186 0.032 269.1)

  WCAG contrast: on white 18.65:1 (AAA) · on black 1.12:1 (Fail)

Export Electric Arcane Brew Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #ebf4ff;
  --surface: #8eb4ff;
  --primary: #525aff;
  --accent: #263780;
  --text: #0d1221;
}

@theme {
  --color-bg: #ebf4ff;
  --color-surface: #8eb4ff;
  --color-primary: #525aff;
  --color-accent: #263780;
  --color-text: #0d1221;
}

{
  "electric-arcane-brew-prism-7cl": {
    "bg": {
      "$type": "color",
      "$value": "#ebf4ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#8eb4ff"
    },
    "primary": {
      "$type": "color",
      "$value": "#525aff"
    },
    "accent": {
      "$type": "color",
      "$value": "#263780"
    },
    "text": {
      "$type": "color",
      "$value": "#0d1221"
    }
  }
}