Steady Fuchsia Pheromone Nexus palette

Colors in Steady Fuchsia Pheromone Nexus: HEX, RGB, HSL & OKLCH

• bg

  #080609

  #080609 color page →

  RGB

  rgb(8 6 9)

  HSL

  hsl(280 20% 3%)

  OKLCH

  oklch(0.127 0.009 315.5)

  WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)

• surface

  #1A0F1E

  #1A0F1E color page →

  RGB

  rgb(26 15 30)

  HSL

  hsl(284 33% 9%)

  OKLCH

  oklch(0.191 0.034 316.7)

  WCAG contrast: on white 18.56:1 (AAA) · on black 1.13:1 (Fail)

• primary

  #A34CC3

  #A34CC3 color page →

  RGB

  rgb(163 76 195)

  HSL

  hsl(284 50% 53%)

  OKLCH

  oklch(0.576 0.19 315.9)

  WCAG contrast: on white 4.79:1 (AA) · on black 4.37:1 (Fail)

• accent

  #C786AC

  #C786AC color page →

  RGB

  rgb(199 134 172)

  HSL

  hsl(325 37% 65%)

  OKLCH

  oklch(0.697 0.093 343.9)

  WCAG contrast: on white 2.82:1 (Fail) · on black 7.43:1 (AAA)

• text

  #F1EFF2

  #F1EFF2 color page →

  RGB

  rgb(241 239 242)

  HSL

  hsl(280 10% 94%)

  OKLCH

  oklch(0.955 0.005 314.8)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.36:1 (AAA)

Export Steady Fuchsia Pheromone Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #080609;
  --surface: #1a0f1e;
  --primary: #a34cc3;
  --accent: #c786ac;
  --text: #f1eff2;
}

@theme {
  --color-bg: #080609;
  --color-surface: #1a0f1e;
  --color-primary: #a34cc3;
  --color-accent: #c786ac;
  --color-text: #f1eff2;
}

{
  "steady-fuchsia-pheromone-nexus-k2": {
    "bg": {
      "$type": "color",
      "$value": "#080609"
    },
    "surface": {
      "$type": "color",
      "$value": "#1a0f1e"
    },
    "primary": {
      "$type": "color",
      "$value": "#a34cc3"
    },
    "accent": {
      "$type": "color",
      "$value": "#c786ac"
    },
    "text": {
      "$type": "color",
      "$value": "#f1eff2"
    }
  }
}