Steady Vicious Violet Grove palette

Colors in Steady Vicious Violet Grove: HEX, RGB, HSL & OKLCH

• bg

  #E2EDE9

  #E2EDE9 color page →

  RGB

  rgb(226 237 233)

  HSL

  hsl(158 23% 91%)

  OKLCH

  oklch(0.937 0.013 172.4)

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

• surface

  #009977

  #009977 color page →

  RGB

  rgb(0 153 119)

  HSL

  hsl(167 100% 30%)

  OKLCH

  oklch(0.607 0.12 169.8)

  WCAG contrast: on white 3.60:1 (Fail) · on black 5.82:1 (AA)

• primary

  #8B4F95

  #8B4F95 color page →

  RGB

  rgb(139 79 149)

  HSL

  hsl(291 31% 45%)

  OKLCH

  oklch(0.525 0.125 321.7)

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

• accent

  #904441

  #904441 color page →

  RGB

  rgb(144 68 65)

  HSL

  hsl(2 38% 41%)

  OKLCH

  oklch(0.483 0.104 24)

  WCAG contrast: on white 6.79:1 (AA) · on black 3.08:1 (Fail)

• text

  #02120D

  #02120D color page →

  RGB

  rgb(2 18 13)

  HSL

  hsl(161 80% 4%)

  OKLCH

  oklch(0.165 0.027 172.6)

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

Export Steady Vicious Violet Grove: CSS variables, Tailwind & JSON

:root {
  --bg: #e2ede9;
  --surface: #009977;
  --primary: #8b4f95;
  --accent: #904441;
  --text: #02120d;
}

@theme {
  --color-bg: #e2ede9;
  --color-surface: #009977;
  --color-primary: #8b4f95;
  --color-accent: #904441;
  --color-text: #02120d;
}

{
  "steady-vicious-violet-grove-69e": {
    "bg": {
      "$type": "color",
      "$value": "#e2ede9"
    },
    "surface": {
      "$type": "color",
      "$value": "#009977"
    },
    "primary": {
      "$type": "color",
      "$value": "#8b4f95"
    },
    "accent": {
      "$type": "color",
      "$value": "#904441"
    },
    "text": {
      "$type": "color",
      "$value": "#02120d"
    }
  }
}