Bold Telemagenta Forge palette

Colors in Bold Telemagenta Forge: HEX, RGB, HSL & OKLCH

• bg

  #ECDDEB

  #ECDDEB color page →

  RGB

  rgb(236 221 235)

  HSL

  hsl(304 28% 90%)

  OKLCH

  oklch(0.914 0.025 327.8)

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

• surface

  #C88BFB

  #C88BFB color page →

  RGB

  rgb(200 139 251)

  HSL

  hsl(273 93% 76%)

  OKLCH

  oklch(0.74 0.167 307.9)

  WCAG contrast: on white 2.45:1 (Fail) · on black 8.54:1 (AAA)

• primary

  #B92BCF

  #B92BCF color page →

  RGB

  rgb(185 43 207)

  HSL

  hsl(292 66% 49%)

  OKLCH

  oklch(0.582 0.247 321.8)

  WCAG contrast: on white 4.87:1 (AA) · on black 4.30:1 (Fail)

• accent

  #8F006E

  #8F006E color page →

  RGB

  rgb(143 0 110)

  HSL

  hsl(314 100% 28%)

  OKLCH

  oklch(0.437 0.188 341.8)

  WCAG contrast: on white 8.77:1 (AAA) · on black 2.39:1 (Fail)

• text

  #27032B

  #27032B color page →

  RGB

  rgb(39 3 43)

  HSL

  hsl(294 87% 9%)

  OKLCH

  oklch(0.2 0.085 323.7)

  WCAG contrast: on white 18.51:1 (AAA) · on black 1.13:1 (Fail)

Export Bold Telemagenta Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #ecddeb;
  --surface: #c88bfb;
  --primary: #b92bcf;
  --accent: #8f006e;
  --text: #27032b;
}

@theme {
  --color-bg: #ecddeb;
  --color-surface: #c88bfb;
  --color-primary: #b92bcf;
  --color-accent: #8f006e;
  --color-text: #27032b;
}

{
  "bold-telemagenta-forge-1ju": {
    "bg": {
      "$type": "color",
      "$value": "#ecddeb"
    },
    "surface": {
      "$type": "color",
      "$value": "#c88bfb"
    },
    "primary": {
      "$type": "color",
      "$value": "#b92bcf"
    },
    "accent": {
      "$type": "color",
      "$value": "#8f006e"
    },
    "text": {
      "$type": "color",
      "$value": "#27032b"
    }
  }
}