Steady Arcane Brew Archive palette

Colors in Steady Arcane Brew Archive: HEX, RGB, HSL & OKLCH

• bg

  #DCDEE5

  #DCDEE5 color page →

  RGB

  rgb(220 222 229)

  HSL

  hsl(227 15% 88%)

  OKLCH

  oklch(0.901 0.01 273.3)

  WCAG contrast: on white 1.34:1 (Fail) · on black 15.62:1 (AAA)

• surface

  #4D64E7

  #4D64E7 color page →

  RGB

  rgb(77 100 231)

  HSL

  hsl(231 76% 60%)

  OKLCH

  oklch(0.561 0.199 271)

  WCAG contrast: on white 4.89:1 (AA) · on black 4.29:1 (Fail)

• primary

  #8E6000

  #8E6000 color page →

  RGB

  rgb(142 96 0)

  HSL

  hsl(41 100% 28%)

  OKLCH

  oklch(0.525 0.11 76.2)

  WCAG contrast: on white 5.49:1 (AA) · on black 3.82:1 (Fail)

• accent

  #007A6A

  #007A6A color page →

  RGB

  rgb(0 122 106)

  HSL

  hsl(172 100% 24%)

  OKLCH

  oklch(0.519 0.095 179.4)

  WCAG contrast: on white 5.26:1 (AA) · on black 3.99:1 (Fail)

• text

  #080B15

  #080B15 color page →

  RGB

  rgb(8 11 21)

  HSL

  hsl(226 45% 6%)

  OKLCH

  oklch(0.152 0.022 270.3)

  WCAG contrast: on white 19.64:1 (AAA) · on black 1.06:1 (Fail)

Export Steady Arcane Brew Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #dcdee5;
  --surface: #4d64e7;
  --primary: #8e6000;
  --accent: #007a6a;
  --text: #080b15;
}

@theme {
  --color-bg: #dcdee5;
  --color-surface: #4d64e7;
  --color-primary: #8e6000;
  --color-accent: #007a6a;
  --color-text: #080b15;
}

{
  "steady-arcane-brew-archive-1ms": {
    "bg": {
      "$type": "color",
      "$value": "#dcdee5"
    },
    "surface": {
      "$type": "color",
      "$value": "#4d64e7"
    },
    "primary": {
      "$type": "color",
      "$value": "#8e6000"
    },
    "accent": {
      "$type": "color",
      "$value": "#007a6a"
    },
    "text": {
      "$type": "color",
      "$value": "#080b15"
    }
  }
}