True Purple Excellency Mirror palette

Colors in True Purple Excellency Mirror: HEX, RGB, HSL & OKLCH

• bg

  #F6EBF3

  #F6EBF3 color page →

  RGB

  rgb(246 235 243)

  HSL

  hsl(316 38% 94%)

  OKLCH

  oklch(0.951 0.016 335.1)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.09:1 (AAA)

• surface

  #BC94C9

  #BC94C9 color page →

  RGB

  rgb(188 148 201)

  HSL

  hsl(285 33% 68%)

  OKLCH

  oklch(0.722 0.087 317.7)

  WCAG contrast: on white 2.55:1 (Fail) · on black 8.21:1 (AAA)

• primary

  #984491

  #984491 color page →

  RGB

  rgb(152 68 145)

  HSL

  hsl(305 38% 43%)

  OKLCH

  oklch(0.524 0.149 330.7)

  WCAG contrast: on white 5.88:1 (AA) · on black 3.57:1 (Fail)

• accent

  #60163A

  #60163A color page →

  RGB

  rgb(96 22 58)

  HSL

  hsl(331 63% 23%)

  OKLCH

  oklch(0.338 0.112 355.1)

  WCAG contrast: on white 12.55:1 (AAA) · on black 1.67:1 (Fail)

• text

  #190A16

  #190A16 color page →

  RGB

  rgb(25 10 22)

  HSL

  hsl(312 43% 7%)

  OKLCH

  oklch(0.173 0.034 334.7)

  WCAG contrast: on white 19.15:1 (AAA) · on black 1.09:1 (Fail)

Export True Purple Excellency Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #f6ebf3;
  --surface: #bc94c9;
  --primary: #984491;
  --accent: #60163a;
  --text: #190a16;
}

@theme {
  --color-bg: #f6ebf3;
  --color-surface: #bc94c9;
  --color-primary: #984491;
  --color-accent: #60163a;
  --color-text: #190a16;
}

{
  "true-purple-excellency-mirror-7fo": {
    "bg": {
      "$type": "color",
      "$value": "#f6ebf3"
    },
    "surface": {
      "$type": "color",
      "$value": "#bc94c9"
    },
    "primary": {
      "$type": "color",
      "$value": "#984491"
    },
    "accent": {
      "$type": "color",
      "$value": "#60163a"
    },
    "text": {
      "$type": "color",
      "$value": "#190a16"
    }
  }
}