Electric Dreamscape Purple Delta palette

Colors in Electric Dreamscape Purple Delta: HEX, RGB, HSL & OKLCH

• bg

  #E7DBEC

  #E7DBEC color page →

  RGB

  rgb(231 219 236)

  HSL

  hsl(282 31% 89%)

  OKLCH

  oklch(0.906 0.026 316.1)

  WCAG contrast: on white 1.33:1 (Fail) · on black 15.74:1 (AAA)

• surface

  #9D2FC7

  #9D2FC7 color page →

  RGB

  rgb(157 47 199)

  HSL

  hsl(283 62% 48%)

  OKLCH

  oklch(0.54 0.227 314.5)

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

• primary

  #A04900

  #A04900 color page →

  RGB

  rgb(160 73 0)

  HSL

  hsl(27 100% 31%)

  OKLCH

  oklch(0.509 0.135 50)

  WCAG contrast: on white 6.09:1 (AA) · on black 3.44:1 (Fail)

• accent

  #00858C

  #00858C color page →

  RGB

  rgb(0 133 140)

  HSL

  hsl(183 100% 27%)

  OKLCH

  oklch(0.561 0.095 201.3)

  WCAG contrast: on white 4.43:1 (Fail) · on black 4.73:1 (AA)

• text

  #100815

  #100815 color page →

  RGB

  rgb(16 8 21)

  HSL

  hsl(277 45% 6%)

  OKLCH

  oklch(0.153 0.03 311.7)

  WCAG contrast: on white 19.67:1 (AAA) · on black 1.06:1 (Fail)

Export Electric Dreamscape Purple Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #e7dbec;
  --surface: #9d2fc7;
  --primary: #a04900;
  --accent: #00858c;
  --text: #100815;
}

@theme {
  --color-bg: #e7dbec;
  --color-surface: #9d2fc7;
  --color-primary: #a04900;
  --color-accent: #00858c;
  --color-text: #100815;
}

{
  "electric-dreamscape-purple-delta-4lm": {
    "bg": {
      "$type": "color",
      "$value": "#e7dbec"
    },
    "surface": {
      "$type": "color",
      "$value": "#9d2fc7"
    },
    "primary": {
      "$type": "color",
      "$value": "#a04900"
    },
    "accent": {
      "$type": "color",
      "$value": "#00858c"
    },
    "text": {
      "$type": "color",
      "$value": "#100815"
    }
  }
}