True Enchanted Glen Ember palette

Colors in True Enchanted Glen Ember: HEX, RGB, HSL & OKLCH

• bg

  #E6F3E3

  #E6F3E3 color page →

  RGB

  rgb(230 243 227)

  HSL

  hsl(109 40% 92%)

  OKLCH

  oklch(0.95 0.025 139.8)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)

• surface

  #91AB7A

  #91AB7A color page →

  RGB

  rgb(145 171 122)

  HSL

  hsl(92 23% 57%)

  OKLCH

  oklch(0.709 0.074 130.8)

  WCAG contrast: on white 2.52:1 (Fail) · on black 8.31:1 (AAA)

• primary

  #286E34

  #286E34 color page →

  RGB

  rgb(40 110 52)

  HSL

  hsl(130 47% 29%)

  OKLCH

  oklch(0.479 0.114 146.8)

  WCAG contrast: on white 6.23:1 (AA) · on black 3.37:1 (Fail)

• accent

  #00411E

  #00411E color page →

  RGB

  rgb(0 65 30)

  HSL

  hsl(148 100% 13%)

  OKLCH

  oklch(0.329 0.086 152.5)

  WCAG contrast: on white 11.83:1 (AAA) · on black 1.77:1 (Fail)

• text

  #011003

  #011003 color page →

  RGB

  rgb(1 16 3)

  HSL

  hsl(128 88% 3%)

  OKLCH

  oklch(0.152 0.041 147.5)

  WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)

Export True Enchanted Glen Ember: CSS variables, Tailwind & JSON

:root {
  --bg: #e6f3e3;
  --surface: #91ab7a;
  --primary: #286e34;
  --accent: #00411e;
  --text: #011003;
}

@theme {
  --color-bg: #e6f3e3;
  --color-surface: #91ab7a;
  --color-primary: #286e34;
  --color-accent: #00411e;
  --color-text: #011003;
}

{
  "true-enchanted-glen-ember-41n": {
    "bg": {
      "$type": "color",
      "$value": "#e6f3e3"
    },
    "surface": {
      "$type": "color",
      "$value": "#91ab7a"
    },
    "primary": {
      "$type": "color",
      "$value": "#286e34"
    },
    "accent": {
      "$type": "color",
      "$value": "#00411e"
    },
    "text": {
      "$type": "color",
      "$value": "#011003"
    }
  }
}