Classic Underclover Vault palette

Colors in Classic Underclover Vault: HEX, RGB, HSL & OKLCH

• bg

  #E0F3E3

  #E0F3E3 color page →

  RGB

  rgb(224 243 227)

  HSL

  hsl(129 44% 92%)

  OKLCH

  oklch(0.946 0.029 150.1)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.09:1 (AAA)

• surface

  #ACB67E

  #ACB67E color page →

  RGB

  rgb(172 182 126)

  HSL

  hsl(71 28% 60%)

  OKLCH

  oklch(0.755 0.076 116.5)

  WCAG contrast: on white 2.15:1 (Fail) · on black 9.74:1 (AAA)

• primary

  #458F54

  #458F54 color page →

  RGB

  rgb(69 143 84)

  HSL

  hsl(132 35% 42%)

  OKLCH

  oklch(0.587 0.116 148.5)

  WCAG contrast: on white 3.95:1 (Fail) · on black 5.31:1 (AA)

• accent

  #005D4A

  #005D4A color page →

  RGB

  rgb(0 93 74)

  HSL

  hsl(168 100% 18%)

  OKLCH

  oklch(0.426 0.082 172.5)

  WCAG contrast: on white 7.88:1 (AAA) · on black 2.66:1 (Fail)

• text

  #031706

  #031706 color page →

  RGB

  rgb(3 23 6)

  HSL

  hsl(129 77% 5%)

  OKLCH

  oklch(0.181 0.045 147.5)

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

Export Classic Underclover Vault: CSS variables, Tailwind & JSON

:root {
  --bg: #e0f3e3;
  --surface: #acb67e;
  --primary: #458f54;
  --accent: #005d4a;
  --text: #031706;
}

@theme {
  --color-bg: #e0f3e3;
  --color-surface: #acb67e;
  --color-primary: #458f54;
  --color-accent: #005d4a;
  --color-text: #031706;
}

{
  "classic-underclover-vault-53p": {
    "bg": {
      "$type": "color",
      "$value": "#e0f3e3"
    },
    "surface": {
      "$type": "color",
      "$value": "#acb67e"
    },
    "primary": {
      "$type": "color",
      "$value": "#458f54"
    },
    "accent": {
      "$type": "color",
      "$value": "#005d4a"
    },
    "text": {
      "$type": "color",
      "$value": "#031706"
    }
  }
}