True Scampi Prism palette

Colors in True Scampi Prism: HEX, RGB, HSL & OKLCH

• bg

  #E9EEFF

  #E9EEFF color page →

  RGB

  rgb(233 238 255)

  HSL

  hsl(226 100% 96%)

  OKLCH

  oklch(0.95 0.023 272.8)

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

• surface

  #A6AAE8

  #A6AAE8 color page →

  RGB

  rgb(166 170 232)

  HSL

  hsl(236 59% 78%)

  OKLCH

  oklch(0.757 0.089 281.2)

  WCAG contrast: on white 2.20:1 (Fail) · on black 9.53:1 (AAA)

• primary

  #7767A7

  #7767A7 color page →

  RGB

  rgb(119 103 167)

  HSL

  hsl(255 27% 53%)

  OKLCH

  oklch(0.556 0.099 294.5)

  WCAG contrast: on white 4.90:1 (AA) · on black 4.28:1 (Fail)

• accent

  #3B2D64

  #3B2D64 color page →

  RGB

  rgb(59 45 100)

  HSL

  hsl(255 38% 28%)

  OKLCH

  oklch(0.343 0.093 292.5)

  WCAG contrast: on white 12.03:1 (AAA) · on black 1.74:1 (Fail)

• text

  #0F0918

  #0F0918 color page →

  RGB

  rgb(15 9 24)

  HSL

  hsl(264 45% 6%)

  OKLCH

  oklch(0.157 0.032 301.3)

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

Export True Scampi Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #e9eeff;
  --surface: #a6aae8;
  --primary: #7767a7;
  --accent: #3b2d64;
  --text: #0f0918;
}

@theme {
  --color-bg: #e9eeff;
  --color-surface: #a6aae8;
  --color-primary: #7767a7;
  --color-accent: #3b2d64;
  --color-text: #0f0918;
}

{
  "true-scampi-prism-3yo": {
    "bg": {
      "$type": "color",
      "$value": "#e9eeff"
    },
    "surface": {
      "$type": "color",
      "$value": "#a6aae8"
    },
    "primary": {
      "$type": "color",
      "$value": "#7767a7"
    },
    "accent": {
      "$type": "color",
      "$value": "#3b2d64"
    },
    "text": {
      "$type": "color",
      "$value": "#0f0918"
    }
  }
}