True Vicious Violet Studio palette

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

• bg

  #E2EDEE

  #E2EDEE color page →

  RGB

  rgb(226 237 238)

  HSL

  hsl(185 26% 91%)

  OKLCH

  oklch(0.938 0.012 203.5)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)

• surface

  #008696

  #008696 color page →

  RGB

  rgb(0 134 150)

  HSL

  hsl(186 100% 29%)

  OKLCH

  oklch(0.568 0.098 209.4)

  WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)

• primary

  #904A9E

  #904A9E color page →

  RGB

  rgb(144 74 158)

  HSL

  hsl(290 36% 45%)

  OKLCH

  oklch(0.528 0.146 320.7)

  WCAG contrast: on white 5.73:1 (AA) · on black 3.65:1 (Fail)

• accent

  #8B5700

  #8B5700 color page →

  RGB

  rgb(139 87 0)

  HSL

  hsl(38 100% 27%)

  OKLCH

  oklch(0.503 0.109 69.9)

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

• text

  #000F10

  #000F10 color page →

  RGB

  rgb(0 15 16)

  HSL

  hsl(184 100% 3%)

  OKLCH

  oklch(0.153 0.026 199.5)

  WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)

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

:root {
  --bg: #e2edee;
  --surface: #008696;
  --primary: #904a9e;
  --accent: #8b5700;
  --text: #000f10;
}

@theme {
  --color-bg: #e2edee;
  --color-surface: #008696;
  --color-primary: #904a9e;
  --color-accent: #8b5700;
  --color-text: #000f10;
}

{
  "true-vicious-violet-studio-160": {
    "bg": {
      "$type": "color",
      "$value": "#e2edee"
    },
    "surface": {
      "$type": "color",
      "$value": "#008696"
    },
    "primary": {
      "$type": "color",
      "$value": "#904a9e"
    },
    "accent": {
      "$type": "color",
      "$value": "#8b5700"
    },
    "text": {
      "$type": "color",
      "$value": "#000f10"
    }
  }
}