True Lusty Lavender Meadow palette

Colors in True Lusty Lavender Meadow: HEX, RGB, HSL & OKLCH

• bg

  #FBF1FF

  #FBF1FF color page →

  RGB

  rgb(251 241 255)

  HSL

  hsl(283 100% 97%)

  OKLCH

  oklch(0.97 0.021 316.5)

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

• surface

  #B899E9

  #B899E9 color page →

  RGB

  rgb(184 153 233)

  HSL

  hsl(263 65% 76%)

  OKLCH

  oklch(0.74 0.117 301.4)

  WCAG contrast: on white 2.39:1 (Fail) · on black 8.77:1 (AAA)

• primary

  #8957AA

  #8957AA color page →

  RGB

  rgb(137 87 170)

  HSL

  hsl(276 33% 50%)

  OKLCH

  oklch(0.547 0.134 310.5)

  WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)

• accent

  #462A66

  #462A66 color page →

  RGB

  rgb(70 42 102)

  HSL

  hsl(268 42% 28%)

  OKLCH

  oklch(0.351 0.103 303)

  WCAG contrast: on white 11.77:1 (AAA) · on black 1.78:1 (Fail)

• text

  #0A050E

  #0A050E color page →

  RGB

  rgb(10 5 14)

  HSL

  hsl(273 47% 4%)

  OKLCH

  oklch(0.13 0.024 311)

  WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)

Export True Lusty Lavender Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #fbf1ff;
  --surface: #b899e9;
  --primary: #8957aa;
  --accent: #462a66;
  --text: #0a050e;
}

@theme {
  --color-bg: #fbf1ff;
  --color-surface: #b899e9;
  --color-primary: #8957aa;
  --color-accent: #462a66;
  --color-text: #0a050e;
}

{
  "true-lusty-lavender-meadow-az": {
    "bg": {
      "$type": "color",
      "$value": "#fbf1ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#b899e9"
    },
    "primary": {
      "$type": "color",
      "$value": "#8957aa"
    },
    "accent": {
      "$type": "color",
      "$value": "#462a66"
    },
    "text": {
      "$type": "color",
      "$value": "#0a050e"
    }
  }
}