Fuchsia Pheromone Ember palette

Colors in Fuchsia Pheromone Ember: HEX, RGB, HSL & OKLCH

• bg

  #06020A

  #06020A color page →

  RGB

  rgb(6 2 10)

  HSL

  hsl(270 67% 2%)

  OKLCH

  oklch(0.105 0.028 310.4)

  WCAG contrast: on white 20.57:1 (AAA) · on black 1.02:1 (Fail)

• surface

  #21162B

  #21162B color page →

  RGB

  rgb(33 22 43)

  HSL

  hsl(271 32% 13%)

  OKLCH

  oklch(0.225 0.042 307.4)

  WCAG contrast: on white 17.29:1 (AAA) · on black 1.21:1 (Fail)

• primary

  #9E55C0

  #9E55C0 color page →

  RGB

  rgb(158 85 192)

  HSL

  hsl(281 46% 54%)

  OKLCH

  oklch(0.58 0.171 313.8)

  WCAG contrast: on white 4.65:1 (AA) · on black 4.51:1 (AA)

• accent

  #C396B2

  #C396B2 color page →

  RGB

  rgb(195 150 178)

  HSL

  hsl(323 27% 68%)

  OKLCH

  oklch(0.724 0.066 341.1)

  WCAG contrast: on white 2.52:1 (Fail) · on black 8.32:1 (AAA)

• text

  #F1EBF5

  #F1EBF5 color page →

  RGB

  rgb(241 235 245)

  HSL

  hsl(276 33% 94%)

  OKLCH

  oklch(0.948 0.015 312.2)

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

Export Fuchsia Pheromone Ember: CSS variables, Tailwind & JSON

:root {
  --bg: #06020a;
  --surface: #21162b;
  --primary: #9e55c0;
  --accent: #c396b2;
  --text: #f1ebf5;
}

@theme {
  --color-bg: #06020a;
  --color-surface: #21162b;
  --color-primary: #9e55c0;
  --color-accent: #c396b2;
  --color-text: #f1ebf5;
}

{
  "fuchsia-pheromone-ember-8u": {
    "bg": {
      "$type": "color",
      "$value": "#06020a"
    },
    "surface": {
      "$type": "color",
      "$value": "#21162b"
    },
    "primary": {
      "$type": "color",
      "$value": "#9e55c0"
    },
    "accent": {
      "$type": "color",
      "$value": "#c396b2"
    },
    "text": {
      "$type": "color",
      "$value": "#f1ebf5"
    }
  }
}