Pure Grape Riot Forge palette

Colors in Pure Grape Riot Forge: HEX, RGB, HSL & OKLCH

• bg

  #F3E8EF

  #F3E8EF color page →

  RGB

  rgb(243 232 239)

  HSL

  hsl(322 31% 93%)

  OKLCH

  oklch(0.942 0.015 338.9)

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

• surface

  #C18FC2

  #C18FC2 color page →

  RGB

  rgb(193 143 194)

  HSL

  hsl(299 29% 66%)

  OKLCH

  oklch(0.715 0.092 325.8)

  WCAG contrast: on white 2.63:1 (Fail) · on black 7.97:1 (AAA)

• primary

  #99437F

  #99437F color page →

  RGB

  rgb(153 67 127)

  HSL

  hsl(318 39% 43%)

  OKLCH

  oklch(0.515 0.136 340.6)

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

• accent

  #63233E

  #63233E color page →

  RGB

  rgb(99 35 62)

  HSL

  hsl(335 48% 26%)

  OKLCH

  oklch(0.36 0.097 356.9)

  WCAG contrast: on white 11.40:1 (AAA) · on black 1.84:1 (Fail)

• text

  #0F060C

  #0F060C color page →

  RGB

  rgb(15 6 12)

  HSL

  hsl(320 43% 4%)

  OKLCH

  oklch(0.14 0.022 339.2)

  WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)

Export Pure Grape Riot Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #f3e8ef;
  --surface: #c18fc2;
  --primary: #99437f;
  --accent: #63233e;
  --text: #0f060c;
}

@theme {
  --color-bg: #f3e8ef;
  --color-surface: #c18fc2;
  --color-primary: #99437f;
  --color-accent: #63233e;
  --color-text: #0f060c;
}

{
  "pure-grape-riot-forge-418": {
    "bg": {
      "$type": "color",
      "$value": "#f3e8ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#c18fc2"
    },
    "primary": {
      "$type": "color",
      "$value": "#99437f"
    },
    "accent": {
      "$type": "color",
      "$value": "#63233e"
    },
    "text": {
      "$type": "color",
      "$value": "#0f060c"
    }
  }
}