Material Purple 50

Preview

Material Purple 50

#f3e5f5

Overview

Family: Purple

material

Accessibility on this swatch:

AAA

(17.34:1)

Contrast vs white: 1.21:1 · vs black: 17.34:1

Formats

HEX

#f3e5f5

RGB

rgb(243, 229, 245)

RGBA

rgba(243, 229, 245, 1)

HSL

hsl(292, 44%, 93%)

HSV

hsv(292, 7%, 96%)

LAB

lab(92.44% 7.54 -6.04)

LCH

lch(92.44% 9.66 321.3)

OKLAB

oklab(0.9376 0.0205 -0.016)

OKLCH

oklch(0.9376 0.026 322.03)

XYZ

xyz(81.46, 81.69, 97.84)

CMYK

cmyk(1%, 7%, 0%, 4%)

CSS

color: #f3e5f5;

CSS variable

--color-f3e5f5: #f3e5f5;

SCSS

$color-f3e5f5: #f3e5f5;

Tailwind

purple-50

Export

Developer code

:root {
  --material-purple-50-1: #f3e5f5;
}

Color psychology

Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.

Material Purple 50