Steady Overgrown Temple Mirror palette

Colors in Steady Overgrown Temple Mirror: HEX, RGB, HSL & OKLCH

• bg

  #E9F3E3

  #E9F3E3 color page →

  RGB

  rgb(233 243 227)

  HSL

  hsl(97 40% 92%)

  OKLCH

  oklch(0.952 0.024 133.5)

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

• surface

  #8CA36A

  #8CA36A color page →

  RGB

  rgb(140 163 106)

  HSL

  hsl(84 24% 53%)

  OKLCH

  oklch(0.683 0.083 126.4)

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

• primary

  #32651C

  #32651C color page →

  RGB

  rgb(50 101 28)

  HSL

  hsl(102 57% 25%)

  OKLCH

  oklch(0.455 0.118 137.8)

  WCAG contrast: on white 6.96:1 (AA) · on black 3.01:1 (Fail)

• accent

  #0A4729

  #0A4729 color page →

  RGB

  rgb(10 71 41)

  HSL

  hsl(150 75% 16%)

  OKLCH

  oklch(0.353 0.079 156)

  WCAG contrast: on white 10.79:1 (AAA) · on black 1.94:1 (Fail)

• text

  #0D140A

  #0D140A color page →

  RGB

  rgb(13 20 10)

  HSL

  hsl(102 33% 6%)

  OKLCH

  oklch(0.18 0.023 136.6)

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

Export Steady Overgrown Temple Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #e9f3e3;
  --surface: #8ca36a;
  --primary: #32651c;
  --accent: #0a4729;
  --text: #0d140a;
}

@theme {
  --color-bg: #e9f3e3;
  --color-surface: #8ca36a;
  --color-primary: #32651c;
  --color-accent: #0a4729;
  --color-text: #0d140a;
}

{
  "steady-overgrown-temple-mirror-4c9": {
    "bg": {
      "$type": "color",
      "$value": "#e9f3e3"
    },
    "surface": {
      "$type": "color",
      "$value": "#8ca36a"
    },
    "primary": {
      "$type": "color",
      "$value": "#32651c"
    },
    "accent": {
      "$type": "color",
      "$value": "#0a4729"
    },
    "text": {
      "$type": "color",
      "$value": "#0d140a"
    }
  }
}