Pure Beanpole Beacon palette

Colors in Pure Beanpole Beacon: HEX, RGB, HSL & OKLCH

• bg

  #EBF5EC

  #EBF5EC color page →

  RGB

  rgb(235 245 236)

  HSL

  hsl(126 33% 94%)

  OKLCH

  oklch(0.96 0.016 148.4)

  WCAG contrast: on white 1.11:1 (Fail) · on black 18.80:1 (AAA)

• surface

  #8FBB8E

  #8FBB8E color page →

  RGB

  rgb(143 187 142)

  HSL

  hsl(119 25% 65%)

  OKLCH

  oklch(0.748 0.079 144.2)

  WCAG contrast: on white 2.17:1 (Fail) · on black 9.66:1 (AAA)

• primary

  #4D8044

  #4D8044 color page →

  RGB

  rgb(77 128 68)

  HSL

  hsl(111 31% 38%)

  OKLCH

  oklch(0.548 0.105 140.7)

  WCAG contrast: on white 4.68:1 (AA) · on black 4.48:1 (Fail)

• accent

  #1B3E1A

  #1B3E1A color page →

  RGB

  rgb(27 62 26)

  HSL

  hsl(118 41% 17%)

  OKLCH

  oklch(0.327 0.073 143.2)

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

• text

  #010A01

  #010A01 color page →

  RGB

  rgb(1 10 1)

  HSL

  hsl(120 82% 2%)

  OKLCH

  oklch(0.128 0.036 143.1)

  WCAG contrast: on white 20.09:1 (AAA) · on black 1.04:1 (Fail)

Export Pure Beanpole Beacon: CSS variables, Tailwind & JSON

:root {
  --bg: #ebf5ec;
  --surface: #8fbb8e;
  --primary: #4d8044;
  --accent: #1b3e1a;
  --text: #010a01;
}

@theme {
  --color-bg: #ebf5ec;
  --color-surface: #8fbb8e;
  --color-primary: #4d8044;
  --color-accent: #1b3e1a;
  --color-text: #010a01;
}

{
  "pure-beanpole-beacon-4yl": {
    "bg": {
      "$type": "color",
      "$value": "#ebf5ec"
    },
    "surface": {
      "$type": "color",
      "$value": "#8fbb8e"
    },
    "primary": {
      "$type": "color",
      "$value": "#4d8044"
    },
    "accent": {
      "$type": "color",
      "$value": "#1b3e1a"
    },
    "text": {
      "$type": "color",
      "$value": "#010a01"
    }
  }
}