Classic Scampi Archive palette

Colors in Classic Scampi Archive: HEX, RGB, HSL & OKLCH

• bg

  #EAE7FB

  #EAE7FB color page →

  RGB

  rgb(234 231 251)

  HSL

  hsl(249 71% 95%)

  OKLCH

  oklch(0.936 0.027 292.8)

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

• surface

  #7B6FA5

  #7B6FA5 color page →

  RGB

  rgb(123 111 165)

  HSL

  hsl(253 23% 54%)

  OKLCH

  oklch(0.574 0.083 293.8)

  WCAG contrast: on white 4.50:1 (AA) · on black 4.65:1 (AA)

• primary

  #816634

  #816634 color page →

  RGB

  rgb(129 102 52)

  HSL

  hsl(39 43% 35%)

  OKLCH

  oklch(0.526 0.076 81.3)

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

• accent

  #416943

  #416943 color page →

  RGB

  rgb(65 105 67)

  HSL

  hsl(123 24% 33%)

  OKLCH

  oklch(0.48 0.075 145.4)

  WCAG contrast: on white 6.31:1 (AA) · on black 3.32:1 (Fail)

• text

  #100E1A

  #100E1A color page →

  RGB

  rgb(16 14 26)

  HSL

  hsl(250 30% 8%)

  OKLCH

  oklch(0.173 0.025 291.2)

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

Export Classic Scampi Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #eae7fb;
  --surface: #7b6fa5;
  --primary: #816634;
  --accent: #416943;
  --text: #100e1a;
}

@theme {
  --color-bg: #eae7fb;
  --color-surface: #7b6fa5;
  --color-primary: #816634;
  --color-accent: #416943;
  --color-text: #100e1a;
}

{
  "classic-scampi-archive-6rl": {
    "bg": {
      "$type": "color",
      "$value": "#eae7fb"
    },
    "surface": {
      "$type": "color",
      "$value": "#7b6fa5"
    },
    "primary": {
      "$type": "color",
      "$value": "#816634"
    },
    "accent": {
      "$type": "color",
      "$value": "#416943"
    },
    "text": {
      "$type": "color",
      "$value": "#100e1a"
    }
  }
}