Pure Master Chief Ledger palette

Colors in Pure Master Chief Ledger: HEX, RGB, HSL & OKLCH

• bg

  #E3F1D9

  #E3F1D9 color page →

  RGB

  rgb(227 241 217)

  HSL

  hsl(95 46% 90%)

  OKLCH

  oklch(0.941 0.035 132)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.85:1 (AAA)

• surface

  #9ABF7B

  #9ABF7B color page →

  RGB

  rgb(154 191 123)

  HSL

  hsl(93 35% 62%)

  OKLCH

  oklch(0.761 0.101 131.6)

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

• primary

  #4B812F

  #4B812F color page →

  RGB

  rgb(75 129 47)

  HSL

  hsl(100 47% 35%)

  OKLCH

  oklch(0.547 0.128 136.5)

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

• accent

  #0B4200

  #0B4200 color page →

  RGB

  rgb(11 66 0)

  HSL

  hsl(110 100% 13%)

  OKLCH

  oklch(0.331 0.108 140.7)

  WCAG contrast: on white 11.70:1 (AAA) · on black 1.79:1 (Fail)

• text

  #030F03

  #030F03 color page →

  RGB

  rgb(3 15 3)

  HSL

  hsl(120 67% 4%)

  OKLCH

  oklch(0.151 0.036 143.6)

  WCAG contrast: on white 19.56:1 (AAA) · on black 1.07:1 (Fail)

Export Pure Master Chief Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #e3f1d9;
  --surface: #9abf7b;
  --primary: #4b812f;
  --accent: #0b4200;
  --text: #030f03;
}

@theme {
  --color-bg: #e3f1d9;
  --color-surface: #9abf7b;
  --color-primary: #4b812f;
  --color-accent: #0b4200;
  --color-text: #030f03;
}

{
  "pure-master-chief-ledger-1f": {
    "bg": {
      "$type": "color",
      "$value": "#e3f1d9"
    },
    "surface": {
      "$type": "color",
      "$value": "#9abf7b"
    },
    "primary": {
      "$type": "color",
      "$value": "#4b812f"
    },
    "accent": {
      "$type": "color",
      "$value": "#0b4200"
    },
    "text": {
      "$type": "color",
      "$value": "#030f03"
    }
  }
}