True Enchanted Glen Ledger palette

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

• bg

  #E0E7E1

  #E0E7E1 color page →

  RGB

  rgb(224 231 225)

  HSL

  hsl(129 13% 89%)

  OKLCH

  oklch(0.921 0.011 149.9)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.68:1 (AAA)

• surface

  #81A574

  #81A574 color page →

  RGB

  rgb(129 165 116)

  HSL

  hsl(104 21% 55%)

  OKLCH

  oklch(0.682 0.08 137.6)

  WCAG contrast: on white 2.77:1 (Fail) · on black 7.56:1 (AAA)

• primary

  #26692D

  #26692D color page →

  RGB

  rgb(38 105 45)

  HSL

  hsl(126 47% 28%)

  OKLCH

  oklch(0.463 0.115 145.3)

  WCAG contrast: on white 6.68:1 (AA) · on black 3.14:1 (Fail)

• accent

  #004B2E

  #004B2E color page →

  RGB

  rgb(0 75 46)

  HSL

  hsl(157 100% 15%)

  OKLCH

  oklch(0.364 0.083 159.4)

  WCAG contrast: on white 10.26:1 (AAA) · on black 2.04:1 (Fail)

• text

  #031205

  #031205 color page →

  RGB

  rgb(3 18 5)

  HSL

  hsl(128 71% 4%)

  OKLCH

  oklch(0.163 0.037 147.6)

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

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

:root {
  --bg: #e0e7e1;
  --surface: #81a574;
  --primary: #26692d;
  --accent: #004b2e;
  --text: #031205;
}

@theme {
  --color-bg: #e0e7e1;
  --color-surface: #81a574;
  --color-primary: #26692d;
  --color-accent: #004b2e;
  --color-text: #031205;
}

{
  "true-enchanted-glen-ledger-1yn": {
    "bg": {
      "$type": "color",
      "$value": "#e0e7e1"
    },
    "surface": {
      "$type": "color",
      "$value": "#81a574"
    },
    "primary": {
      "$type": "color",
      "$value": "#26692d"
    },
    "accent": {
      "$type": "color",
      "$value": "#004b2e"
    },
    "text": {
      "$type": "color",
      "$value": "#031205"
    }
  }
}