Fuchsia Pheromone System palette

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

• bg

  #14041A

  #14041A color page →

  RGB

  rgb(20 4 26)

  HSL

  hsl(284 73% 6%)

  OKLCH

  oklch(0.152 0.052 316.5)

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

• surface

  #55096F

  #55096F color page →

  RGB

  rgb(85 9 111)

  HSL

  hsl(285 85% 24%)

  OKLCH

  oklch(0.341 0.159 314.6)

  WCAG contrast: on white 12.68:1 (AAA) · on black 1.65:1 (Fail)

• primary

  #A148C3

  #A148C3 color page →

  RGB

  rgb(161 72 195)

  HSL

  hsl(283 51% 52%)

  OKLCH

  oklch(0.569 0.195 315.4)

  WCAG contrast: on white 4.96:1 (AA) · on black 4.23:1 (Fail)

• accent

  #D892F2

  #D892F2 color page →

  RGB

  rgb(216 146 242)

  HSL

  hsl(284 79% 76%)

  OKLCH

  oklch(0.764 0.151 316.5)

  WCAG contrast: on white 2.25:1 (Fail) · on black 9.31:1 (AAA)

• text

  #FFF0FF

  #FFF0FF color page →

  RGB

  rgb(255 240 255)

  HSL

  hsl(300 100% 97%)

  OKLCH

  oklch(0.971 0.025 325.8)

  WCAG contrast: on white 1.09:1 (Fail) · on black 19.16:1 (AAA)

Export Fuchsia Pheromone System: CSS variables, Tailwind & JSON

:root {
  --bg: #14041a;
  --surface: #55096f;
  --primary: #a148c3;
  --accent: #d892f2;
  --text: #fff0ff;
}

@theme {
  --color-bg: #14041a;
  --color-surface: #55096f;
  --color-primary: #a148c3;
  --color-accent: #d892f2;
  --color-text: #fff0ff;
}

{
  "fuchsia-pheromone-system-4db": {
    "bg": {
      "$type": "color",
      "$value": "#14041a"
    },
    "surface": {
      "$type": "color",
      "$value": "#55096f"
    },
    "primary": {
      "$type": "color",
      "$value": "#a148c3"
    },
    "accent": {
      "$type": "color",
      "$value": "#d892f2"
    },
    "text": {
      "$type": "color",
      "$value": "#fff0ff"
    }
  }
}