Plum Passion Glacier palette

Colors in Plum Passion Glacier: HEX, RGB, HSL & OKLCH

• bg

  #F7E6F0

  #F7E6F0 color page →

  RGB

  rgb(247 230 240)

  HSL

  hsl(325 52% 94%)

  OKLCH

  oklch(0.941 0.023 341.3)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)

• surface

  #C089B5

  #C089B5 color page →

  RGB

  rgb(192 137 181)

  HSL

  hsl(312 30% 65%)

  OKLCH

  oklch(0.698 0.089 333.8)

  WCAG contrast: on white 2.80:1 (Fail) · on black 7.48:1 (AAA)

• primary

  #9A4578

  #9A4578 color page →

  RGB

  rgb(154 69 120)

  HSL

  hsl(324 38% 44%)

  OKLCH

  oklch(0.517 0.129 345.6)

  WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)

• accent

  #682039

  #682039 color page →

  RGB

  rgb(104 32 57)

  HSL

  hsl(339 53% 27%)

  OKLCH

  oklch(0.363 0.105 2.6)

  WCAG contrast: on white 11.32:1 (AAA) · on black 1.85:1 (Fail)

• text

  #0F070C

  #0F070C color page →

  RGB

  rgb(15 7 12)

  HSL

  hsl(323 36% 4%)

  OKLCH

  oklch(0.143 0.018 341)

  WCAG contrast: on white 19.88:1 (AAA) · on black 1.05:1 (Fail)

Export Plum Passion Glacier: CSS variables, Tailwind & JSON

:root {
  --bg: #f7e6f0;
  --surface: #c089b5;
  --primary: #9a4578;
  --accent: #682039;
  --text: #0f070c;
}

@theme {
  --color-bg: #f7e6f0;
  --color-surface: #c089b5;
  --color-primary: #9a4578;
  --color-accent: #682039;
  --color-text: #0f070c;
}

{
  "plum-passion-glacier-5fc": {
    "bg": {
      "$type": "color",
      "$value": "#f7e6f0"
    },
    "surface": {
      "$type": "color",
      "$value": "#c089b5"
    },
    "primary": {
      "$type": "color",
      "$value": "#9a4578"
    },
    "accent": {
      "$type": "color",
      "$value": "#682039"
    },
    "text": {
      "$type": "color",
      "$value": "#0f070c"
    }
  }
}