Classic Arcane Brew Meadow palette

Colors in Classic Arcane Brew Meadow: HEX, RGB, HSL & OKLCH

• bg

  #E7ECE4

  #E7ECE4 color page →

  RGB

  rgb(231 236 228)

  HSL

  hsl(98 17% 91%)

  OKLCH

  oklch(0.937 0.012 133.4)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.51:1 (AAA)

• surface

  #418E00

  #418E00 color page →

  RGB

  rgb(65 142 0)

  HSL

  hsl(93 100% 28%)

  OKLCH

  oklch(0.575 0.173 136.5)

  WCAG contrast: on white 4.12:1 (Fail) · on black 5.09:1 (AA)

• primary

  #5E5ED1

  #5E5ED1 color page →

  RGB

  rgb(94 94 209)

  HSL

  hsl(240 56% 59%)

  OKLCH

  oklch(0.544 0.173 279)

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

• accent

  #9A307F

  #9A307F color page →

  RGB

  rgb(154 48 127)

  HSL

  hsl(315 52% 40%)

  OKLCH

  oklch(0.494 0.166 339.6)

  WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)

• text

  #0E1905

  #0E1905 color page →

  RGB

  rgb(14 25 5)

  HSL

  hsl(93 67% 6%)

  OKLCH

  oklch(0.197 0.041 132.2)

  WCAG contrast: on white 18.10:1 (AAA) · on black 1.15:1 (Fail)

Export Classic Arcane Brew Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #e7ece4;
  --surface: #418e00;
  --primary: #5e5ed1;
  --accent: #9a307f;
  --text: #0e1905;
}

@theme {
  --color-bg: #e7ece4;
  --color-surface: #418e00;
  --color-primary: #5e5ed1;
  --color-accent: #9a307f;
  --color-text: #0e1905;
}

{
  "classic-arcane-brew-meadow-793": {
    "bg": {
      "$type": "color",
      "$value": "#e7ece4"
    },
    "surface": {
      "$type": "color",
      "$value": "#418e00"
    },
    "primary": {
      "$type": "color",
      "$value": "#5e5ed1"
    },
    "accent": {
      "$type": "color",
      "$value": "#9a307f"
    },
    "text": {
      "$type": "color",
      "$value": "#0e1905"
    }
  }
}