Classic Purple Pleasures Meadow palette

Colors in Classic Purple Pleasures Meadow: HEX, RGB, HSL & OKLCH

• bg

  #E6DBEE

  #E6DBEE color page →

  RGB

  rgb(230 219 238)

  HSL

  hsl(275 36% 90%)

  OKLCH

  oklch(0.906 0.028 311.3)

  WCAG contrast: on white 1.33:1 (Fail) · on black 15.73:1 (AAA)

• surface

  #8749B1

  #8749B1 color page →

  RGB

  rgb(135 73 177)

  HSL

  hsl(276 42% 49%)

  OKLCH

  oklch(0.527 0.165 309.4)

  WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)

• primary

  #935700

  #935700 color page →

  RGB

  rgb(147 87 0)

  HSL

  hsl(36 100% 29%)

  OKLCH

  oklch(0.514 0.115 65.4)

  WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)

• accent

  #00817F

  #00817F color page →

  RGB

  rgb(0 129 127)

  HSL

  hsl(179 100% 25%)

  OKLCH

  oklch(0.545 0.093 192.9)

  WCAG contrast: on white 4.72:1 (AA) · on black 4.44:1 (Fail)

• text

  #0F0914

  #0F0914 color page →

  RGB

  rgb(15 9 20)

  HSL

  hsl(273 38% 6%)

  OKLCH

  oklch(0.154 0.025 308.8)

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

Export Classic Purple Pleasures Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #e6dbee;
  --surface: #8749b1;
  --primary: #935700;
  --accent: #00817f;
  --text: #0f0914;
}

@theme {
  --color-bg: #e6dbee;
  --color-surface: #8749b1;
  --color-primary: #935700;
  --color-accent: #00817f;
  --color-text: #0f0914;
}

{
  "classic-purple-pleasures-meadow-5y1": {
    "bg": {
      "$type": "color",
      "$value": "#e6dbee"
    },
    "surface": {
      "$type": "color",
      "$value": "#8749b1"
    },
    "primary": {
      "$type": "color",
      "$value": "#935700"
    },
    "accent": {
      "$type": "color",
      "$value": "#00817f"
    },
    "text": {
      "$type": "color",
      "$value": "#0f0914"
    }
  }
}