Fuchsia Pheromone Mirror palette

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

• bg

  #F4E8F9

  #F4E8F9 color page →

  RGB

  rgb(244 232 249)

  HSL

  hsl(282 59% 94%)

  OKLCH

  oklch(0.945 0.026 316.1)

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

• surface

  #B599F5

  #B599F5 color page →

  RGB

  rgb(181 153 245)

  HSL

  hsl(258 82% 78%)

  OKLCH

  oklch(0.743 0.132 297.1)

  WCAG contrast: on white 2.37:1 (Fail) · on black 8.83:1 (AAA)

• primary

  #A54EC1

  #A54EC1 color page →

  RGB

  rgb(165 78 193)

  HSL

  hsl(285 48% 53%)

  OKLCH

  oklch(0.58 0.186 317.2)

  WCAG contrast: on white 4.70:1 (AA) · on black 4.45:1 (Fail)

• accent

  #72165E

  #72165E color page →

  RGB

  rgb(114 22 94)

  HSL

  hsl(313 68% 27%)

  OKLCH

  oklch(0.387 0.147 338.6)

  WCAG contrast: on white 10.54:1 (AAA) · on black 1.99:1 (Fail)

• text

  #1F0822

  #1F0822 color page →

  RGB

  rgb(31 8 34)

  HSL

  hsl(293 62% 8%)

  OKLCH

  oklch(0.187 0.059 322.9)

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

Export Fuchsia Pheromone Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #f4e8f9;
  --surface: #b599f5;
  --primary: #a54ec1;
  --accent: #72165e;
  --text: #1f0822;
}

@theme {
  --color-bg: #f4e8f9;
  --color-surface: #b599f5;
  --color-primary: #a54ec1;
  --color-accent: #72165e;
  --color-text: #1f0822;
}

{
  "fuchsia-pheromone-mirror-322": {
    "bg": {
      "$type": "color",
      "$value": "#f4e8f9"
    },
    "surface": {
      "$type": "color",
      "$value": "#b599f5"
    },
    "primary": {
      "$type": "color",
      "$value": "#a54ec1"
    },
    "accent": {
      "$type": "color",
      "$value": "#72165e"
    },
    "text": {
      "$type": "color",
      "$value": "#1f0822"
    }
  }
}