Bold Explosive Purple Forge palette

Colors in Bold Explosive Purple Forge: HEX, RGB, HSL & OKLCH

• bg

  #0F0610

  #0F0610 color page →

  RGB

  rgb(15 6 16)

  HSL

  hsl(294 45% 4%)

  OKLCH

  oklch(0.142 0.027 323.5)

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

• surface

  #463448

  #463448 color page →

  RGB

  rgb(70 52 72)

  HSL

  hsl(294 16% 24%)

  OKLCH

  oklch(0.353 0.042 323.1)

  WCAG contrast: on white 11.38:1 (AAA) · on black 1.84:1 (Fail)

• accent

  #BC2DC2

  #BC2DC2 color page →

  RGB

  rgb(188 45 194)

  HSL

  hsl(298 62% 47%)

  OKLCH

  oklch(0.579 0.237 326.3)

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

• text

  #E4E3E4

  #E4E3E4 color page →

  RGB

  rgb(228 227 228)

  HSL

  hsl(300 2% 89%)

  OKLCH

  oklch(0.917 0.002 325.6)

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

Export Bold Explosive Purple Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #0f0610;
  --surface: #463448;
  --accent: #bc2dc2;
  --text: #e4e3e4;
}

@theme {
  --color-bg: #0f0610;
  --color-surface: #463448;
  --color-accent: #bc2dc2;
  --color-text: #e4e3e4;
}

{
  "bold-explosive-purple-forge-6hm": {
    "bg": {
      "$type": "color",
      "$value": "#0f0610"
    },
    "surface": {
      "$type": "color",
      "$value": "#463448"
    },
    "accent": {
      "$type": "color",
      "$value": "#bc2dc2"
    },
    "text": {
      "$type": "color",
      "$value": "#e4e3e4"
    }
  }
}