True Grape Riot Archive palette

Colors in True Grape Riot Archive: HEX, RGB, HSL & OKLCH

• bg

  #F1E9F1

  #F1E9F1 color page →

  RGB

  rgb(241 233 241)

  HSL

  hsl(300 22% 93%)

  OKLCH

  oklch(0.943 0.014 325.7)

  WCAG contrast: on white 1.18:1 (Fail) · on black 17.66:1 (AAA)

• surface

  #C195CD

  #C195CD color page →

  RGB

  rgb(193 149 205)

  HSL

  hsl(287 36% 69%)

  OKLCH

  oklch(0.73 0.093 318.9)

  WCAG contrast: on white 2.48:1 (Fail) · on black 8.44:1 (AAA)

• primary

  #934989

  #934989 color page →

  RGB

  rgb(147 73 137)

  HSL

  hsl(308 34% 43%)

  OKLCH

  oklch(0.52 0.129 332.6)

  WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)

• accent

  #622643

  #622643 color page →

  RGB

  rgb(98 38 67)

  HSL

  hsl(331 44% 27%)

  OKLCH

  oklch(0.365 0.094 352.6)

  WCAG contrast: on white 11.18:1 (AAA) · on black 1.87:1 (Fail)

• text

  #120710

  #120710 color page →

  RGB

  rgb(18 7 16)

  HSL

  hsl(311 44% 5%)

  OKLCH

  oklch(0.15 0.027 333.5)

  WCAG contrast: on white 19.74:1 (AAA) · on black 1.06:1 (Fail)

Export True Grape Riot Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #f1e9f1;
  --surface: #c195cd;
  --primary: #934989;
  --accent: #622643;
  --text: #120710;
}

@theme {
  --color-bg: #f1e9f1;
  --color-surface: #c195cd;
  --color-primary: #934989;
  --color-accent: #622643;
  --color-text: #120710;
}

{
  "true-grape-riot-archive-c8": {
    "bg": {
      "$type": "color",
      "$value": "#f1e9f1"
    },
    "surface": {
      "$type": "color",
      "$value": "#c195cd"
    },
    "primary": {
      "$type": "color",
      "$value": "#934989"
    },
    "accent": {
      "$type": "color",
      "$value": "#622643"
    },
    "text": {
      "$type": "color",
      "$value": "#120710"
    }
  }
}