Neon Candy Grape Fizz Signal palette

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

• bg

  #0B0B12

  #0B0B12 color page →

  RGB

  rgb(11 11 18)

  HSL

  hsl(240 24% 6%)

  OKLCH

  oklch(0.153 0.015 284.5)

  WCAG contrast: on white 19.61:1 (AAA) · on black 1.07:1 (Fail)

• surface

  #1B182C

  #1B182C color page →

  RGB

  rgb(27 24 44)

  HSL

  hsl(249 29% 13%)

  OKLCH

  oklch(0.223 0.039 289.8)

  WCAG contrast: on white 17.30:1 (AAA) · on black 1.21:1 (Fail)

• primary

  #7B46F0

  #7B46F0 color page →

  RGB

  rgb(123 70 240)

  HSL

  hsl(259 85% 61%)

  OKLCH

  oklch(0.556 0.238 290.9)

  WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)

• accent

  #BB8AC9

  #BB8AC9 color page →

  RGB

  rgb(187 138 201)

  HSL

  hsl(287 37% 66%)

  OKLCH

  oklch(0.703 0.105 318.6)

  WCAG contrast: on white 2.76:1 (Fail) · on black 7.59:1 (AAA)

• text

  #EEECFA

  #EEECFA color page →

  RGB

  rgb(238 236 250)

  HSL

  hsl(249 58% 95%)

  OKLCH

  oklch(0.949 0.019 292.6)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.01:1 (AAA)

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

:root {
  --bg: #0b0b12;
  --surface: #1b182c;
  --primary: #7b46f0;
  --accent: #bb8ac9;
  --text: #eeecfa;
}

@theme {
  --color-bg: #0b0b12;
  --color-surface: #1b182c;
  --color-primary: #7b46f0;
  --color-accent: #bb8ac9;
  --color-text: #eeecfa;
}

{
  "neon-candy-grape-fizz-signal-6fc": {
    "bg": {
      "$type": "color",
      "$value": "#0b0b12"
    },
    "surface": {
      "$type": "color",
      "$value": "#1b182c"
    },
    "primary": {
      "$type": "color",
      "$value": "#7b46f0"
    },
    "accent": {
      "$type": "color",
      "$value": "#bb8ac9"
    },
    "text": {
      "$type": "color",
      "$value": "#eeecfa"
    }
  }
}