Purple Excellency Ledger palette

Colors in Purple Excellency Ledger: HEX, RGB, HSL & OKLCH

• bg

  #FFEFF9

  #FFEFF9 color page →

  RGB

  rgb(255 239 249)

  HSL

  hsl(323 100% 97%)

  OKLCH

  oklch(0.968 0.022 339.6)

  WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)

• surface

  #CB8ECC

  #CB8ECC color page →

  RGB

  rgb(203 142 204)

  HSL

  hsl(299 38% 68%)

  OKLCH

  oklch(0.727 0.111 326.1)

  WCAG contrast: on white 2.53:1 (Fail) · on black 8.28:1 (AAA)

• primary

  #943C80

  #943C80 color page →

  RGB

  rgb(148 60 128)

  HSL

  hsl(314 42% 41%)

  OKLCH

  oklch(0.499 0.144 337.3)

  WCAG contrast: on white 6.52:1 (AA) · on black 3.21:1 (Fail)

• accent

  #64223F

  #64223F color page →

  RGB

  rgb(100 34 63)

  HSL

  hsl(334 49% 26%)

  OKLCH

  oklch(0.361 0.1 356)

  WCAG contrast: on white 11.39:1 (AAA) · on black 1.84:1 (Fail)

• text

  #150510

  #150510 color page →

  RGB

  rgb(21 5 16)

  HSL

  hsl(319 62% 5%)

  OKLCH

  oklch(0.15 0.037 339.9)

  WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)

Export Purple Excellency Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #ffeff9;
  --surface: #cb8ecc;
  --primary: #943c80;
  --accent: #64223f;
  --text: #150510;
}

@theme {
  --color-bg: #ffeff9;
  --color-surface: #cb8ecc;
  --color-primary: #943c80;
  --color-accent: #64223f;
  --color-text: #150510;
}

{
  "purple-excellency-ledger-4nj": {
    "bg": {
      "$type": "color",
      "$value": "#ffeff9"
    },
    "surface": {
      "$type": "color",
      "$value": "#cb8ecc"
    },
    "primary": {
      "$type": "color",
      "$value": "#943c80"
    },
    "accent": {
      "$type": "color",
      "$value": "#64223f"
    },
    "text": {
      "$type": "color",
      "$value": "#150510"
    }
  }
}