Pure Lusty Lavender Nexus palette

Colors in Pure Lusty Lavender Nexus: HEX, RGB, HSL & OKLCH

• bg

  #F4EAFA

  #F4EAFA color page →

  RGB

  rgb(244 234 250)

  HSL

  hsl(278 62% 95%)

  OKLCH

  oklch(0.95 0.024 313.1)

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

• surface

  #8C5DBC

  #8C5DBC color page →

  RGB

  rgb(140 93 188)

  HSL

  hsl(270 41% 55%)

  OKLCH

  oklch(0.57 0.147 305)

  WCAG contrast: on white 4.76:1 (AA) · on black 4.40:1 (Fail)

• primary

  #58700F

  #58700F color page →

  RGB

  rgb(88 112 15)

  HSL

  hsl(75 76% 25%)

  OKLCH

  oklch(0.508 0.119 123.6)

  WCAG contrast: on white 5.61:1 (AA) · on black 3.73:1 (Fail)

• accent

  #2E2639

  #2E2639 color page →

  RGB

  rgb(46 38 57)

  HSL

  hsl(265 20% 19%)

  OKLCH

  oklch(0.286 0.036 303.5)

  WCAG contrast: on white 14.45:1 (AAA) · on black 1.45:1 (Fail)

• text

  #0C0910

  #0C0910 color page →

  RGB

  rgb(12 9 16)

  HSL

  hsl(266 28% 5%)

  OKLCH

  oklch(0.147 0.016 304.2)

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

Export Pure Lusty Lavender Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #f4eafa;
  --surface: #8c5dbc;
  --primary: #58700f;
  --accent: #2e2639;
  --text: #0c0910;
}

@theme {
  --color-bg: #f4eafa;
  --color-surface: #8c5dbc;
  --color-primary: #58700f;
  --color-accent: #2e2639;
  --color-text: #0c0910;
}

{
  "pure-lusty-lavender-nexus-61v": {
    "bg": {
      "$type": "color",
      "$value": "#f4eafa"
    },
    "surface": {
      "$type": "color",
      "$value": "#8c5dbc"
    },
    "primary": {
      "$type": "color",
      "$value": "#58700f"
    },
    "accent": {
      "$type": "color",
      "$value": "#2e2639"
    },
    "text": {
      "$type": "color",
      "$value": "#0c0910"
    }
  }
}