Royal Lavender Archive palette

Colors in Royal Lavender Archive: HEX, RGB, HSL & OKLCH

• bg

  #E0D9F1

  #E0D9F1 color page →

  RGB

  rgb(224 217 241)

  HSL

  hsl(258 46% 90%)

  OKLCH

  oklch(0.898 0.033 299)

  WCAG contrast: on white 1.36:1 (Fail) · on black 15.36:1 (AAA)

• surface

  #AE9AD6

  #AE9AD6 color page →

  RGB

  rgb(174 154 214)

  HSL

  hsl(260 42% 72%)

  OKLCH

  oklch(0.725 0.088 299.5)

  WCAG contrast: on white 2.50:1 (Fail) · on black 8.39:1 (AAA)

• primary

  #784DB5

  #784DB5 color page →

  RGB

  rgb(120 77 181)

  HSL

  hsl(265 41% 51%)

  OKLCH

  oklch(0.519 0.159 299.9)

  WCAG contrast: on white 5.95:1 (AA) · on black 3.52:1 (Fail)

• accent

  #523A78

  #523A78 color page →

  RGB

  rgb(82 58 120)

  HSL

  hsl(263 35% 35%)

  OKLCH

  oklch(0.406 0.103 299.7)

  WCAG contrast: on white 9.39:1 (AAA) · on black 2.23:1 (Fail)

• text

  #2A1E3E

  #2A1E3E color page →

  RGB

  rgb(42 30 62)

  HSL

  hsl(263 35% 18%)

  OKLCH

  oklch(0.266 0.059 299.7)

  WCAG contrast: on white 15.51:1 (AAA) · on black 1.35:1 (Fail)

Export Royal Lavender Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #e0d9f1;
  --surface: #ae9ad6;
  --primary: #784db5;
  --accent: #523a78;
  --text: #2a1e3e;
}

@theme {
  --color-bg: #e0d9f1;
  --color-surface: #ae9ad6;
  --color-primary: #784db5;
  --color-accent: #523a78;
  --color-text: #2a1e3e;
}

{
  "royal-lavender-archive-c9": {
    "bg": {
      "$type": "color",
      "$value": "#e0d9f1"
    },
    "surface": {
      "$type": "color",
      "$value": "#ae9ad6"
    },
    "primary": {
      "$type": "color",
      "$value": "#784db5"
    },
    "accent": {
      "$type": "color",
      "$value": "#523a78"
    },
    "text": {
      "$type": "color",
      "$value": "#2a1e3e"
    }
  }
}