Steady Forestial Pulse palette

Colors in Steady Forestial Pulse: HEX, RGB, HSL & OKLCH

• bg

  #E8F5E9

  #E8F5E9 color page →

  RGB

  rgb(232 245 233)

  HSL

  hsl(125 39% 94%)

  OKLCH

  oklch(0.957 0.021 147.6)

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

• surface

  #81A67D

  #81A67D color page →

  RGB

  rgb(129 166 125)

  HSL

  hsl(114 19% 57%)

  OKLCH

  oklch(0.687 0.072 142.3)

  WCAG contrast: on white 2.73:1 (Fail) · on black 7.68:1 (AAA)

• primary

  #27773A

  #27773A color page →

  RGB

  rgb(39 119 58)

  HSL

  hsl(134 51% 31%)

  OKLCH

  oklch(0.505 0.122 148.1)

  WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)

• accent

  #00432C

  #00432C color page →

  RGB

  rgb(0 67 44)

  HSL

  hsl(159 100% 13%)

  OKLCH

  oklch(0.339 0.074 162.6)

  WCAG contrast: on white 11.41:1 (AAA) · on black 1.83:1 (Fail)

• text

  #021003

  #021003 color page →

  RGB

  rgb(2 16 3)

  HSL

  hsl(124 78% 4%)

  OKLCH

  oklch(0.153 0.039 145.5)

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

Export Steady Forestial Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #e8f5e9;
  --surface: #81a67d;
  --primary: #27773a;
  --accent: #00432c;
  --text: #021003;
}

@theme {
  --color-bg: #e8f5e9;
  --color-surface: #81a67d;
  --color-primary: #27773a;
  --color-accent: #00432c;
  --color-text: #021003;
}

{
  "steady-forestial-pulse-81": {
    "bg": {
      "$type": "color",
      "$value": "#e8f5e9"
    },
    "surface": {
      "$type": "color",
      "$value": "#81a67d"
    },
    "primary": {
      "$type": "color",
      "$value": "#27773a"
    },
    "accent": {
      "$type": "color",
      "$value": "#00432c"
    },
    "text": {
      "$type": "color",
      "$value": "#021003"
    }
  }
}