Pure Magentleman Glacier palette

Colors in Pure Magentleman Glacier: HEX, RGB, HSL & OKLCH

• bg

  #EDE7EE

  #EDE7EE color page →

  RGB

  rgb(237 231 238)

  HSL

  hsl(291 17% 92%)

  OKLCH

  oklch(0.935 0.011 321.3)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.26:1 (AAA)

• surface

  #A135AF

  #A135AF color page →

  RGB

  rgb(161 53 175)

  HSL

  hsl(293 54% 45%)

  OKLCH

  oklch(0.536 0.201 322.9)

  WCAG contrast: on white 5.76:1 (AA) · on black 3.64:1 (Fail)

• primary

  #008008

  #008008 color page →

  RGB

  rgb(0 128 8)

  HSL

  hsl(124 100% 25%)

  OKLCH

  oklch(0.52 0.175 142.9)

  WCAG contrast: on white 5.13:1 (AA) · on black 4.09:1 (Fail)

• accent

  #0063A9

  #0063A9 color page →

  RGB

  rgb(0 99 169)

  HSL

  hsl(205 100% 33%)

  OKLCH

  oklch(0.49 0.136 249.1)

  WCAG contrast: on white 6.25:1 (AA) · on black 3.35:1 (Fail)

• text

  #120D14

  #120D14 color page →

  RGB

  rgb(18 13 20)

  HSL

  hsl(283 21% 6%)

  OKLCH

  oklch(0.169 0.016 316.2)

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

Export Pure Magentleman Glacier: CSS variables, Tailwind & JSON

:root {
  --bg: #ede7ee;
  --surface: #a135af;
  --primary: #008008;
  --accent: #0063a9;
  --text: #120d14;
}

@theme {
  --color-bg: #ede7ee;
  --color-surface: #a135af;
  --color-primary: #008008;
  --color-accent: #0063a9;
  --color-text: #120d14;
}

{
  "pure-magentleman-glacier-6wy": {
    "bg": {
      "$type": "color",
      "$value": "#ede7ee"
    },
    "surface": {
      "$type": "color",
      "$value": "#a135af"
    },
    "primary": {
      "$type": "color",
      "$value": "#008008"
    },
    "accent": {
      "$type": "color",
      "$value": "#0063a9"
    },
    "text": {
      "$type": "color",
      "$value": "#120d14"
    }
  }
}