Bold Telemagenta Studio palette

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

• bg

  #F6ECF9

  #F6ECF9 color page →

  RGB

  rgb(246 236 249)

  HSL

  hsl(286 52% 95%)

  OKLCH

  oklch(0.955 0.02 318.4)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.28:1 (AAA)

• surface

  #A538CA

  #A538CA color page →

  RGB

  rgb(165 56 202)

  HSL

  hsl(285 58% 51%)

  OKLCH

  oklch(0.561 0.223 316)

  WCAG contrast: on white 5.22:1 (AA) · on black 4.01:1 (Fail)

• primary

  #766E00

  #766E00 color page →

  RGB

  rgb(118 110 0)

  HSL

  hsl(56 100% 23%)

  OKLCH

  oklch(0.529 0.112 104.6)

  WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)

• accent

  #007A51

  #007A51 color page →

  RGB

  rgb(0 122 81)

  HSL

  hsl(160 100% 24%)

  OKLCH

  oklch(0.512 0.114 161.2)

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

• text

  #150F17

  #150F17 color page →

  RGB

  rgb(21 15 23)

  HSL

  hsl(285 21% 7%)

  OKLCH

  oklch(0.18 0.019 317.6)

  WCAG contrast: on white 18.87:1 (AAA) · on black 1.11:1 (Fail)

Export Bold Telemagenta Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #f6ecf9;
  --surface: #a538ca;
  --primary: #766e00;
  --accent: #007a51;
  --text: #150f17;
}

@theme {
  --color-bg: #f6ecf9;
  --color-surface: #a538ca;
  --color-primary: #766e00;
  --color-accent: #007a51;
  --color-text: #150f17;
}

{
  "bold-telemagenta-studio-mu": {
    "bg": {
      "$type": "color",
      "$value": "#f6ecf9"
    },
    "surface": {
      "$type": "color",
      "$value": "#a538ca"
    },
    "primary": {
      "$type": "color",
      "$value": "#766e00"
    },
    "accent": {
      "$type": "color",
      "$value": "#007a51"
    },
    "text": {
      "$type": "color",
      "$value": "#150f17"
    }
  }
}