Pure Into the Green Atelier palette

Colors in Pure Into the Green Atelier: HEX, RGB, HSL & OKLCH

• bg

  #D6EDE0

  #D6EDE0 color page →

  RGB

  rgb(214 237 224)

  HSL

  hsl(146 39% 88%)

  OKLCH

  oklch(0.926 0.03 161.1)

  WCAG contrast: on white 1.23:1 (Fail) · on black 17.04:1 (AAA)

• surface

  #71A87B

  #71A87B color page →

  RGB

  rgb(113 168 123)

  HSL

  hsl(131 24% 55%)

  OKLCH

  oklch(0.681 0.088 149.3)

  WCAG contrast: on white 2.76:1 (Fail) · on black 7.58:1 (AAA)

• primary

  #006947

  #006947 color page →

  RGB

  rgb(0 105 71)

  HSL

  hsl(161 100% 21%)

  OKLCH

  oklch(0.46 0.1 162.5)

  WCAG contrast: on white 6.74:1 (AA) · on black 3.11:1 (Fail)

• accent

  #003F2F

  #003F2F color page →

  RGB

  rgb(0 63 47)

  HSL

  hsl(165 100% 12%)

  OKLCH

  oklch(0.327 0.065 169.4)

  WCAG contrast: on white 11.98:1 (AAA) · on black 1.75:1 (Fail)

• text

  #010D05

  #010D05 color page →

  RGB

  rgb(1 13 5)

  HSL

  hsl(140 86% 3%)

  OKLCH

  oklch(0.142 0.03 156.4)

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

Export Pure Into the Green Atelier: CSS variables, Tailwind & JSON

:root {
  --bg: #d6ede0;
  --surface: #71a87b;
  --primary: #006947;
  --accent: #003f2f;
  --text: #010d05;
}

@theme {
  --color-bg: #d6ede0;
  --color-surface: #71a87b;
  --color-primary: #006947;
  --color-accent: #003f2f;
  --color-text: #010d05;
}

{
  "pure-into-the-green-atelier-38l": {
    "bg": {
      "$type": "color",
      "$value": "#d6ede0"
    },
    "surface": {
      "$type": "color",
      "$value": "#71a87b"
    },
    "primary": {
      "$type": "color",
      "$value": "#006947"
    },
    "accent": {
      "$type": "color",
      "$value": "#003f2f"
    },
    "text": {
      "$type": "color",
      "$value": "#010d05"
    }
  }
}