Electric Boiling Magma Meadow palette

Colors in Electric Boiling Magma Meadow: HEX, RGB, HSL & OKLCH

• bg

  #070000

  #070000 color page →

  RGB

  rgb(7 0 0)

  HSL

  hsl(0 100% 1%)

  OKLCH

  oklch(0.081 0.033 29.2)

  WCAG contrast: on white 20.81:1 (AAA) · on black 1.00:1 (Fail)

• surface

  #FF3100

  #FF3100 color page →

  RGB

  rgb(255 49 0)

  HSL

  hsl(12 100% 50%)

  OKLCH

  oklch(0.645 0.242 32.4)

  WCAG contrast: on white 3.68:1 (Fail) · on black 5.69:1 (AA)

• primary

  #00BA37

  #00BA37 color page →

  RGB

  rgb(0 186 55)

  HSL

  hsl(138 100% 36%)

  OKLCH

  oklch(0.686 0.213 145.4)

  WCAG contrast: on white 2.59:1 (Fail) · on black 8.07:1 (AAA)

• accent

  #6B70FF

  #6B70FF color page →

  RGB

  rgb(107 112 255)

  HSL

  hsl(238 100% 71%)

  OKLCH

  oklch(0.618 0.208 276.9)

  WCAG contrast: on white 3.89:1 (Fail) · on black 5.38:1 (AA)

• text

  #EBE2DE

  #EBE2DE color page →

  RGB

  rgb(235 226 222)

  HSL

  hsl(18 25% 90%)

  OKLCH

  oklch(0.919 0.011 45.7)

  WCAG contrast: on white 1.27:1 (Fail) · on black 16.46:1 (AAA)

Export Electric Boiling Magma Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #070000;
  --surface: #ff3100;
  --primary: #00ba37;
  --accent: #6b70ff;
  --text: #ebe2de;
}

@theme {
  --color-bg: #070000;
  --color-surface: #ff3100;
  --color-primary: #00ba37;
  --color-accent: #6b70ff;
  --color-text: #ebe2de;
}

{
  "electric-boiling-magma-meadow-1vj": {
    "bg": {
      "$type": "color",
      "$value": "#070000"
    },
    "surface": {
      "$type": "color",
      "$value": "#ff3100"
    },
    "primary": {
      "$type": "color",
      "$value": "#00ba37"
    },
    "accent": {
      "$type": "color",
      "$value": "#6b70ff"
    },
    "text": {
      "$type": "color",
      "$value": "#ebe2de"
    }
  }
}