Steady Forestial Atelier palette

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

• bg

  #E6F6E6

  #E6F6E6 color page →

  RGB

  rgb(230 246 230)

  HSL

  hsl(120 47% 93%)

  OKLCH

  oklch(0.957 0.027 145.4)

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

• surface

  #7CA573

  #7CA573 color page →

  RGB

  rgb(124 165 115)

  HSL

  hsl(109 22% 55%)

  OKLCH

  oklch(0.679 0.085 140)

  WCAG contrast: on white 2.80:1 (Fail) · on black 7.48:1 (AAA)

• primary

  #297334

  #297334 color page →

  RGB

  rgb(41 115 52)

  HSL

  hsl(129 47% 31%)

  OKLCH

  oklch(0.494 0.121 146.2)

  WCAG contrast: on white 5.83:1 (AA) · on black 3.59:1 (Fail)

• accent

  #00442A

  #00442A color page →

  RGB

  rgb(0 68 42)

  HSL

  hsl(157 100% 13%)

  OKLCH

  oklch(0.341 0.077 160.1)

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

• text

  #030D04

  #030D04 color page →

  RGB

  rgb(3 13 4)

  HSL

  hsl(126 63% 3%)

  OKLCH

  oklch(0.144 0.029 147.1)

  WCAG contrast: on white 19.75:1 (AAA) · on black 1.06:1 (Fail)

Export Steady Forestial Atelier: CSS variables, Tailwind & JSON

:root {
  --bg: #e6f6e6;
  --surface: #7ca573;
  --primary: #297334;
  --accent: #00442a;
  --text: #030d04;
}

@theme {
  --color-bg: #e6f6e6;
  --color-surface: #7ca573;
  --color-primary: #297334;
  --color-accent: #00442a;
  --color-text: #030d04;
}

{
  "steady-forestial-atelier-4vc": {
    "bg": {
      "$type": "color",
      "$value": "#e6f6e6"
    },
    "surface": {
      "$type": "color",
      "$value": "#7ca573"
    },
    "primary": {
      "$type": "color",
      "$value": "#297334"
    },
    "accent": {
      "$type": "color",
      "$value": "#00442a"
    },
    "text": {
      "$type": "color",
      "$value": "#030d04"
    }
  }
}