Classic Vicious Violet Vault palette

Colors in Classic Vicious Violet Vault: HEX, RGB, HSL & OKLCH

• bg

  #FAEFFE

  #FAEFFE color page →

  RGB

  rgb(250 239 254)

  HSL

  hsl(284 88% 97%)

  OKLCH

  oklch(0.965 0.023 317.1)

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

• surface

  #AC8DD2

  #AC8DD2 color page →

  RGB

  rgb(172 141 210)

  HSL

  hsl(267 43% 69%)

  OKLCH

  oklch(0.697 0.104 304.4)

  WCAG contrast: on white 2.80:1 (Fail) · on black 7.49:1 (AAA)

• primary

  #8D4699

  #8D4699 color page →

  RGB

  rgb(141 70 153)

  HSL

  hsl(291 37% 44%)

  OKLCH

  oklch(0.516 0.146 321.7)

  WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)

• accent

  #5E2548

  #5E2548 color page →

  RGB

  rgb(94 37 72)

  HSL

  hsl(323 44% 26%)

  OKLCH

  oklch(0.359 0.095 345.1)

  WCAG contrast: on white 11.44:1 (AAA) · on black 1.83:1 (Fail)

• text

  #0F0313

  #0F0313 color page →

  RGB

  rgb(15 3 19)

  HSL

  hsl(285 73% 4%)

  OKLCH

  oklch(0.134 0.043 318.4)

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

Export Classic Vicious Violet Vault: CSS variables, Tailwind & JSON

:root {
  --bg: #faeffe;
  --surface: #ac8dd2;
  --primary: #8d4699;
  --accent: #5e2548;
  --text: #0f0313;
}

@theme {
  --color-bg: #faeffe;
  --color-surface: #ac8dd2;
  --color-primary: #8d4699;
  --color-accent: #5e2548;
  --color-text: #0f0313;
}

{
  "classic-vicious-violet-vault-13k": {
    "bg": {
      "$type": "color",
      "$value": "#faeffe"
    },
    "surface": {
      "$type": "color",
      "$value": "#ac8dd2"
    },
    "primary": {
      "$type": "color",
      "$value": "#8d4699"
    },
    "accent": {
      "$type": "color",
      "$value": "#5e2548"
    },
    "text": {
      "$type": "color",
      "$value": "#0f0313"
    }
  }
}