True Vicious Violet Prism palette

Colors in True Vicious Violet Prism: HEX, RGB, HSL & OKLCH

• bg

  #EFE4F1

  #EFE4F1 color page →

  RGB

  rgb(239 228 241)

  HSL

  hsl(291 32% 92%)

  OKLCH

  oklch(0.931 0.021 321)

  WCAG contrast: on white 1.23:1 (Fail) · on black 17.03:1 (AAA)

• surface

  #B096D4

  #B096D4 color page →

  RGB

  rgb(176 150 212)

  HSL

  hsl(265 42% 71%)

  OKLCH

  oklch(0.719 0.093 303.4)

  WCAG contrast: on white 2.57:1 (Fail) · on black 8.15:1 (AAA)

• primary

  #925299

  #925299 color page →

  RGB

  rgb(146 82 153)

  HSL

  hsl(294 30% 46%)

  OKLCH

  oklch(0.54 0.128 323.5)

  WCAG contrast: on white 5.39:1 (AA) · on black 3.88:1 (Fail)

• accent

  #5B2448

  #5B2448 color page →

  RGB

  rgb(91 36 72)

  HSL

  hsl(321 43% 25%)

  OKLCH

  oklch(0.353 0.094 342.9)

  WCAG contrast: on white 11.72:1 (AAA) · on black 1.79:1 (Fail)

• text

  #160C17

  #160C17 color page →

  RGB

  rgb(22 12 23)

  HSL

  hsl(295 31% 7%)

  OKLCH

  oklch(0.174 0.027 323.5)

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

Export True Vicious Violet Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #efe4f1;
  --surface: #b096d4;
  --primary: #925299;
  --accent: #5b2448;
  --text: #160c17;
}

@theme {
  --color-bg: #efe4f1;
  --color-surface: #b096d4;
  --color-primary: #925299;
  --color-accent: #5b2448;
  --color-text: #160c17;
}

{
  "true-vicious-violet-prism-37a": {
    "bg": {
      "$type": "color",
      "$value": "#efe4f1"
    },
    "surface": {
      "$type": "color",
      "$value": "#b096d4"
    },
    "primary": {
      "$type": "color",
      "$value": "#925299"
    },
    "accent": {
      "$type": "color",
      "$value": "#5b2448"
    },
    "text": {
      "$type": "color",
      "$value": "#160c17"
    }
  }
}