Steady Beanpole Vault palette

Colors in Steady Beanpole Vault: HEX, RGB, HSL & OKLCH

• bg

  #030603

  #030603 color page →

  RGB

  rgb(3 6 3)

  HSL

  hsl(120 33% 2%)

  OKLCH

  oklch(0.115 0.014 144.6)

  WCAG contrast: on white 20.36:1 (AAA) · on black 1.03:1 (Fail)

• surface

  #23442E

  #23442E color page →

  RGB

  rgb(35 68 46)

  HSL

  hsl(140 32% 20%)

  OKLCH

  oklch(0.354 0.055 153.5)

  WCAG contrast: on white 10.83:1 (AAA) · on black 1.93:1 (Fail)

• primary

  #568656

  #568656 color page →

  RGB

  rgb(86 134 86)

  HSL

  hsl(120 22% 43%)

  OKLCH

  oklch(0.573 0.089 144.3)

  WCAG contrast: on white 4.25:1 (Fail) · on black 4.94:1 (AA)

• accent

  #91BF9C

  #91BF9C color page →

  RGB

  rgb(145 191 156)

  HSL

  hsl(134 26% 66%)

  OKLCH

  oklch(0.762 0.07 151.8)

  WCAG contrast: on white 2.07:1 (Fail) · on black 10.13:1 (AAA)

• text

  #E9F0E9

  #E9F0E9 color page →

  RGB

  rgb(233 240 233)

  HSL

  hsl(120 19% 93%)

  OKLCH

  oklch(0.948 0.012 145.5)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.10:1 (AAA)

Export Steady Beanpole Vault: CSS variables, Tailwind & JSON

:root {
  --bg: #030603;
  --surface: #23442e;
  --primary: #568656;
  --accent: #91bf9c;
  --text: #e9f0e9;
}

@theme {
  --color-bg: #030603;
  --color-surface: #23442e;
  --color-primary: #568656;
  --color-accent: #91bf9c;
  --color-text: #e9f0e9;
}

{
  "steady-beanpole-vault-1cj": {
    "bg": {
      "$type": "color",
      "$value": "#030603"
    },
    "surface": {
      "$type": "color",
      "$value": "#23442e"
    },
    "primary": {
      "$type": "color",
      "$value": "#568656"
    },
    "accent": {
      "$type": "color",
      "$value": "#91bf9c"
    },
    "text": {
      "$type": "color",
      "$value": "#e9f0e9"
    }
  }
}