True Bureaucracy Ledger palette

Colors in True Bureaucracy Ledger: HEX, RGB, HSL & OKLCH

• bg

  #E7E8F7

  #E7E8F7 color page →

  RGB

  rgb(231 232 247)

  HSL

  hsl(236 50% 94%)

  OKLCH

  oklch(0.935 0.02 282.9)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.28:1 (AAA)

• surface

  #746B9B

  #746B9B color page →

  RGB

  rgb(116 107 155)

  HSL

  hsl(251 19% 51%)

  OKLCH

  oklch(0.555 0.074 292.4)

  WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)

• primary

  #696842

  #696842 color page →

  RGB

  rgb(105 104 66)

  HSL

  hsl(58 23% 34%)

  OKLCH

  oklch(0.508 0.056 106.9)

  WCAG contrast: on white 5.73:1 (AA) · on black 3.65:1 (Fail)

• accent

  #2C2B3D

  #2C2B3D color page →

  RGB

  rgb(44 43 61)

  HSL

  hsl(243 17% 20%)

  OKLCH

  oklch(0.298 0.032 286.8)

  WCAG contrast: on white 13.81:1 (AAA) · on black 1.52:1 (Fail)

• text

  #090911

  #090911 color page →

  RGB

  rgb(9 9 17)

  HSL

  hsl(240 31% 5%)

  OKLCH

  oklch(0.144 0.017 284)

  WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)

Export True Bureaucracy Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #e7e8f7;
  --surface: #746b9b;
  --primary: #696842;
  --accent: #2c2b3d;
  --text: #090911;
}

@theme {
  --color-bg: #e7e8f7;
  --color-surface: #746b9b;
  --color-primary: #696842;
  --color-accent: #2c2b3d;
  --color-text: #090911;
}

{
  "true-bureaucracy-ledger-1ry": {
    "bg": {
      "$type": "color",
      "$value": "#e7e8f7"
    },
    "surface": {
      "$type": "color",
      "$value": "#746b9b"
    },
    "primary": {
      "$type": "color",
      "$value": "#696842"
    },
    "accent": {
      "$type": "color",
      "$value": "#2c2b3d"
    },
    "text": {
      "$type": "color",
      "$value": "#090911"
    }
  }
}