Neon Candy Grape Fizz Kiln palette

Colors in Neon Candy Grape Fizz Kiln: HEX, RGB, HSL & OKLCH

• bg

  #F3F1FF

  #F3F1FF color page →

  RGB

  rgb(243 241 255)

  HSL

  hsl(249 100% 97%)

  OKLCH

  oklch(0.964 0.019 292.6)

  WCAG contrast: on white 1.11:1 (Fail) · on black 18.83:1 (AAA)

• surface

  #AD9BFF

  #AD9BFF color page →

  RGB

  rgb(173 155 255)

  HSL

  hsl(251 100% 80%)

  OKLCH

  oklch(0.745 0.142 290.8)

  WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)

• primary

  #7342FA

  #7342FA color page →

  RGB

  rgb(115 66 250)

  HSL

  hsl(256 95% 62%)

  OKLCH

  oklch(0.553 0.253 287.1)

  WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)

• accent

  #2F0E97

  #2F0E97 color page →

  RGB

  rgb(47 14 151)

  HSL

  hsl(254 83% 32%)

  OKLCH

  oklch(0.339 0.194 279.4)

  WCAG contrast: on white 12.87:1 (AAA) · on black 1.63:1 (Fail)

• text

  #07051D

  #07051D color page →

  RGB

  rgb(7 5 29)

  HSL

  hsl(245 71% 7%)

  OKLCH

  oklch(0.139 0.051 282.3)

  WCAG contrast: on white 20.02:1 (AAA) · on black 1.04:1 (Fail)

Export Neon Candy Grape Fizz Kiln: CSS variables, Tailwind & JSON

:root {
  --bg: #f3f1ff;
  --surface: #ad9bff;
  --primary: #7342fa;
  --accent: #2f0e97;
  --text: #07051d;
}

@theme {
  --color-bg: #f3f1ff;
  --color-surface: #ad9bff;
  --color-primary: #7342fa;
  --color-accent: #2f0e97;
  --color-text: #07051d;
}

{
  "neon-candy-grape-fizz-kiln-33": {
    "bg": {
      "$type": "color",
      "$value": "#f3f1ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#ad9bff"
    },
    "primary": {
      "$type": "color",
      "$value": "#7342fa"
    },
    "accent": {
      "$type": "color",
      "$value": "#2f0e97"
    },
    "text": {
      "$type": "color",
      "$value": "#07051d"
    }
  }
}