True Grape Candy Ribbon palette

Colors in True Grape Candy Ribbon: HEX, RGB, HSL & OKLCH

• bg

  #F4EDF1

  #F4EDF1 color page →

  RGB

  rgb(244 237 241)

  HSL

  hsl(326 24% 94%)

  OKLCH

  oklch(0.953 0.009 341.8)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.23:1 (AAA)

• surface

  #915787

  #915787 color page →

  RGB

  rgb(145 87 135)

  HSL

  hsl(310 25% 45%)

  OKLCH

  oklch(0.539 0.101 333.4)

  WCAG contrast: on white 5.36:1 (AA) · on black 3.91:1 (Fail)

• primary

  #736123

  #736123 color page →

  RGB

  rgb(115 97 35)

  HSL

  hsl(46 53% 29%)

  OKLCH

  oklch(0.497 0.083 92.8)

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

• accent

  #00738A

  #00738A color page →

  RGB

  rgb(0 115 138)

  HSL

  hsl(190 100% 27%)

  OKLCH

  oklch(0.513 0.092 218.1)

  WCAG contrast: on white 5.49:1 (AA) · on black 3.81:1 (Fail)

• text

  #1A0A17

  #1A0A17 color page →

  RGB

  rgb(26 10 23)

  HSL

  hsl(311 44% 7%)

  OKLCH

  oklch(0.175 0.036 334.3)

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

Export True Grape Candy Ribbon: CSS variables, Tailwind & JSON

:root {
  --bg: #f4edf1;
  --surface: #915787;
  --primary: #736123;
  --accent: #00738a;
  --text: #1a0a17;
}

@theme {
  --color-bg: #f4edf1;
  --color-surface: #915787;
  --color-primary: #736123;
  --color-accent: #00738a;
  --color-text: #1a0a17;
}

{
  "true-grape-candy-ribbon-78j": {
    "bg": {
      "$type": "color",
      "$value": "#f4edf1"
    },
    "surface": {
      "$type": "color",
      "$value": "#915787"
    },
    "primary": {
      "$type": "color",
      "$value": "#736123"
    },
    "accent": {
      "$type": "color",
      "$value": "#00738a"
    },
    "text": {
      "$type": "color",
      "$value": "#1a0a17"
    }
  }
}