Steady Enchanted Forest Meadow palette

Colors in Steady Enchanted Forest Meadow: HEX, RGB, HSL & OKLCH

• bg

  #EAF4E4

  #EAF4E4 color page →

  RGB

  rgb(234 244 228)

  HSL

  hsl(98 42% 93%)

  OKLCH

  oklch(0.955 0.024 133.5)

  WCAG contrast: on white 1.13:1 (Fail) · on black 18.55:1 (AAA)

• surface

  #568323

  #568323 color page →

  RGB

  rgb(86 131 35)

  HSL

  hsl(88 58% 33%)

  OKLCH

  oklch(0.557 0.134 131.5)

  WCAG contrast: on white 4.50:1 (AA) · on black 4.66:1 (AA)

• primary

  #69609D

  #69609D color page →

  RGB

  rgb(105 96 157)

  HSL

  hsl(249 24% 50%)

  OKLCH

  oklch(0.524 0.095 289.5)

  WCAG contrast: on white 5.58:1 (AA) · on black 3.76:1 (Fail)

• accent

  #84476C

  #84476C color page →

  RGB

  rgb(132 71 108)

  HSL

  hsl(324 30% 40%)

  OKLCH

  oklch(0.484 0.096 344.1)

  WCAG contrast: on white 6.77:1 (AA) · on black 3.09:1 (Fail)

• text

  #051004

  #051004 color page →

  RGB

  rgb(5 16 4)

  HSL

  hsl(115 60% 4%)

  OKLCH

  oklch(0.157 0.033 141.4)

  WCAG contrast: on white 19.40:1 (AAA) · on black 1.08:1 (Fail)

Export Steady Enchanted Forest Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #eaf4e4;
  --surface: #568323;
  --primary: #69609d;
  --accent: #84476c;
  --text: #051004;
}

@theme {
  --color-bg: #eaf4e4;
  --color-surface: #568323;
  --color-primary: #69609d;
  --color-accent: #84476c;
  --color-text: #051004;
}

{
  "steady-enchanted-forest-meadow-4a8": {
    "bg": {
      "$type": "color",
      "$value": "#eaf4e4"
    },
    "surface": {
      "$type": "color",
      "$value": "#568323"
    },
    "primary": {
      "$type": "color",
      "$value": "#69609d"
    },
    "accent": {
      "$type": "color",
      "$value": "#84476c"
    },
    "text": {
      "$type": "color",
      "$value": "#051004"
    }
  }
}