Pure Purple Excellency Ember palette

Colors in Pure Purple Excellency Ember: HEX, RGB, HSL & OKLCH

• bg

  #F2EAF0

  #F2EAF0 color page →

  RGB

  rgb(242 234 240)

  HSL

  hsl(315 24% 93%)

  OKLCH

  oklch(0.945 0.012 334.1)

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

• surface

  #9E4096

  #9E4096 color page →

  RGB

  rgb(158 64 150)

  HSL

  hsl(305 42% 44%)

  OKLCH

  oklch(0.529 0.163 331)

  WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)

• primary

  #7F6200

  #7F6200 color page →

  RGB

  rgb(127 98 0)

  HSL

  hsl(46 100% 25%)

  OKLCH

  oklch(0.511 0.104 88.3)

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

• accent

  #007C9D

  #007C9D color page →

  RGB

  rgb(0 124 157)

  HSL

  hsl(193 100% 31%)

  OKLCH

  oklch(0.545 0.103 224.8)

  WCAG contrast: on white 4.80:1 (AA) · on black 4.36:1 (Fail)

• text

  #100B10

  #100B10 color page →

  RGB

  rgb(16 11 16)

  HSL

  hsl(300 19% 5%)

  OKLCH

  oklch(0.159 0.013 326.2)

  WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)

Export Pure Purple Excellency Ember: CSS variables, Tailwind & JSON

:root {
  --bg: #f2eaf0;
  --surface: #9e4096;
  --primary: #7f6200;
  --accent: #007c9d;
  --text: #100b10;
}

@theme {
  --color-bg: #f2eaf0;
  --color-surface: #9e4096;
  --color-primary: #7f6200;
  --color-accent: #007c9d;
  --color-text: #100b10;
}

{
  "pure-purple-excellency-ember-3eg": {
    "bg": {
      "$type": "color",
      "$value": "#f2eaf0"
    },
    "surface": {
      "$type": "color",
      "$value": "#9e4096"
    },
    "primary": {
      "$type": "color",
      "$value": "#7f6200"
    },
    "accent": {
      "$type": "color",
      "$value": "#007c9d"
    },
    "text": {
      "$type": "color",
      "$value": "#100b10"
    }
  }
}