Bold Devil’s Advocate Ledger palette

Colors in Bold Devil’s Advocate Ledger: HEX, RGB, HSL & OKLCH

• bg

  #0C0100

  #0C0100 color page →

  RGB

  rgb(12 1 0)

  HSL

  hsl(5 100% 2%)

  OKLCH

  oklch(0.104 0.034 37.9)

  WCAG contrast: on white 20.58:1 (AAA) · on black 1.01:1 (Fail)

• surface

  #FF3843

  #FF3843 color page →

  RGB

  rgb(255 56 67)

  HSL

  hsl(357 100% 61%)

  OKLCH

  oklch(0.654 0.232 24.1)

  WCAG contrast: on white 3.56:1 (Fail) · on black 5.89:1 (AA)

• primary

  #00B41C

  #00B41C color page →

  RGB

  rgb(0 180 28)

  HSL

  hsl(129 100% 35%)

  OKLCH

  oklch(0.668 0.22 143.4)

  WCAG contrast: on white 2.78:1 (Fail) · on black 7.54:1 (AAA)

• accent

  #5081FF

  #5081FF color page →

  RGB

  rgb(80 129 255)

  HSL

  hsl(223 100% 66%)

  OKLCH

  oklch(0.635 0.195 265.3)

  WCAG contrast: on white 3.54:1 (Fail) · on black 5.92:1 (AA)

• text

  #F0DDDB

  #F0DDDB color page →

  RGB

  rgb(240 221 219)

  HSL

  hsl(6 41% 90%)

  OKLCH

  oklch(0.912 0.021 24.8)

  WCAG contrast: on white 1.30:1 (Fail) · on black 16.07:1 (AAA)

Export Bold Devil’s Advocate Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #0c0100;
  --surface: #ff3843;
  --primary: #00b41c;
  --accent: #5081ff;
  --text: #f0dddb;
}

@theme {
  --color-bg: #0c0100;
  --color-surface: #ff3843;
  --color-primary: #00b41c;
  --color-accent: #5081ff;
  --color-text: #f0dddb;
}

{
  "bold-devil-s-advocate-ledger-7kd": {
    "bg": {
      "$type": "color",
      "$value": "#0c0100"
    },
    "surface": {
      "$type": "color",
      "$value": "#ff3843"
    },
    "primary": {
      "$type": "color",
      "$value": "#00b41c"
    },
    "accent": {
      "$type": "color",
      "$value": "#5081ff"
    },
    "text": {
      "$type": "color",
      "$value": "#f0dddb"
    }
  }
}