Steady Grape Riot Pulse palette

Colors in Steady Grape Riot Pulse: HEX, RGB, HSL & OKLCH

• bg

  #F5E3F1

  #F5E3F1 color page →

  RGB

  rgb(245 227 241)

  HSL

  hsl(313 47% 93%)

  OKLCH

  oklch(0.934 0.027 333.3)

  WCAG contrast: on white 1.22:1 (Fail) · on black 17.14:1 (AAA)

• surface

  #C58FD0

  #C58FD0 color page →

  RGB

  rgb(197 143 208)

  HSL

  hsl(290 41% 69%)

  OKLCH

  oklch(0.724 0.109 320.6)

  WCAG contrast: on white 2.55:1 (Fail) · on black 8.21:1 (AAA)

• primary

  #913F7D

  #913F7D color page →

  RGB

  rgb(145 63 125)

  HSL

  hsl(315 39% 41%)

  OKLCH

  oklch(0.497 0.135 337.8)

  WCAG contrast: on white 6.53:1 (AA) · on black 3.21:1 (Fail)

• accent

  #5B1E3A

  #5B1E3A color page →

  RGB

  rgb(91 30 58)

  HSL

  hsl(332 50% 24%)

  OKLCH

  oklch(0.338 0.095 354.9)

  WCAG contrast: on white 12.41:1 (AAA) · on black 1.69:1 (Fail)

• text

  #140A11

  #140A11 color page →

  RGB

  rgb(20 10 17)

  HSL

  hsl(318 33% 6%)

  OKLCH

  oklch(0.162 0.022 338.3)

  WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)

Export Steady Grape Riot Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #f5e3f1;
  --surface: #c58fd0;
  --primary: #913f7d;
  --accent: #5b1e3a;
  --text: #140a11;
}

@theme {
  --color-bg: #f5e3f1;
  --color-surface: #c58fd0;
  --color-primary: #913f7d;
  --color-accent: #5b1e3a;
  --color-text: #140a11;
}

{
  "steady-grape-riot-pulse-1be": {
    "bg": {
      "$type": "color",
      "$value": "#f5e3f1"
    },
    "surface": {
      "$type": "color",
      "$value": "#c58fd0"
    },
    "primary": {
      "$type": "color",
      "$value": "#913f7d"
    },
    "accent": {
      "$type": "color",
      "$value": "#5b1e3a"
    },
    "text": {
      "$type": "color",
      "$value": "#140a11"
    }
  }
}