True Forest Empress Mirror palette

Colors in True Forest Empress Mirror: HEX, RGB, HSL & OKLCH

• bg

  #EBF2E5

  #EBF2E5 color page →

  RGB

  rgb(235 242 229)

  HSL

  hsl(92 33% 92%)

  OKLCH

  oklch(0.952 0.019 130.2)

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

• surface

  #89A071

  #89A071 color page →

  RGB

  rgb(137 160 113)

  HSL

  hsl(89 20% 54%)

  OKLCH

  oklch(0.676 0.071 129.3)

  WCAG contrast: on white 2.86:1 (Fail) · on black 7.33:1 (AAA)

• primary

  #4A7020

  #4A7020 color page →

  RGB

  rgb(74 112 32)

  HSL

  hsl(88 56% 28%)

  OKLCH

  oklch(0.499 0.117 131.4)

  WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)

• accent

  #18431F

  #18431F color page →

  RGB

  rgb(24 67 31)

  HSL

  hsl(130 47% 18%)

  OKLCH

  oklch(0.342 0.078 146.9)

  WCAG contrast: on white 11.28:1 (AAA) · on black 1.86:1 (Fail)

• text

  #0B1505

  #0B1505 color page →

  RGB

  rgb(11 21 5)

  HSL

  hsl(98 62% 5%)

  OKLCH

  oklch(0.181 0.035 133.9)

  WCAG contrast: on white 18.68:1 (AAA) · on black 1.12:1 (Fail)

Export True Forest Empress Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #ebf2e5;
  --surface: #89a071;
  --primary: #4a7020;
  --accent: #18431f;
  --text: #0b1505;
}

@theme {
  --color-bg: #ebf2e5;
  --color-surface: #89a071;
  --color-primary: #4a7020;
  --color-accent: #18431f;
  --color-text: #0b1505;
}

{
  "true-forest-empress-mirror-4m9": {
    "bg": {
      "$type": "color",
      "$value": "#ebf2e5"
    },
    "surface": {
      "$type": "color",
      "$value": "#89a071"
    },
    "primary": {
      "$type": "color",
      "$value": "#4a7020"
    },
    "accent": {
      "$type": "color",
      "$value": "#18431f"
    },
    "text": {
      "$type": "color",
      "$value": "#0b1505"
    }
  }
}