Electric Candy Grape Fizz Ledger palette

Colors in Electric Candy Grape Fizz Ledger: HEX, RGB, HSL & OKLCH

• bg

  #EAE3F7

  #EAE3F7 color page →

  RGB

  rgb(234 227 247)

  HSL

  hsl(261 56% 93%)

  OKLCH

  oklch(0.927 0.028 301.7)

  WCAG contrast: on white 1.24:1 (Fail) · on black 16.82:1 (AAA)

• surface

  #7B44F3

  #7B44F3 color page →

  RGB

  rgb(123 68 243)

  HSL

  hsl(259 88% 61%)

  OKLCH

  oklch(0.557 0.243 290.6)

  WCAG contrast: on white 5.29:1 (AA) · on black 3.96:1 (Fail)

• primary

  #666B00

  #666B00 color page →

  RGB

  rgb(102 107 0)

  HSL

  hsl(63 100% 21%)

  OKLCH

  oklch(0.506 0.113 113)

  WCAG contrast: on white 5.72:1 (AA) · on black 3.66:1 (Fail)

• accent

  #00788E

  #00788E color page →

  RGB

  rgb(0 120 142)

  HSL

  hsl(189 100% 28%)

  OKLCH

  oklch(0.528 0.094 216.5)

  WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)

• text

  #07060A

  #07060A color page →

  RGB

  rgb(7 6 10)

  HSL

  hsl(255 25% 3%)

  OKLCH

  oklch(0.126 0.01 297.7)

  WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)

Export Electric Candy Grape Fizz Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #eae3f7;
  --surface: #7b44f3;
  --primary: #666b00;
  --accent: #00788e;
  --text: #07060a;
}

@theme {
  --color-bg: #eae3f7;
  --color-surface: #7b44f3;
  --color-primary: #666b00;
  --color-accent: #00788e;
  --color-text: #07060a;
}

{
  "electric-candy-grape-fizz-ledger-6ma": {
    "bg": {
      "$type": "color",
      "$value": "#eae3f7"
    },
    "surface": {
      "$type": "color",
      "$value": "#7b44f3"
    },
    "primary": {
      "$type": "color",
      "$value": "#666b00"
    },
    "accent": {
      "$type": "color",
      "$value": "#00788e"
    },
    "text": {
      "$type": "color",
      "$value": "#07060a"
    }
  }
}