Material Purple 100

Preview

Material Purple 100

#e1bee7

Overview

Family: Purple

material

Accessibility on this swatch:

AAA

(12.72:1)

Contrast vs white: 1.65:1 · vs black: 12.72:1

Formats

HEX

#e1bee7

RGB

rgb(225, 190, 231)

RGBA

rgba(225, 190, 231, 1)

HSL

hsl(291, 46%, 83%)

HSV

hsv(291, 18%, 91%)

LAB

lab(81.07% 19.56 -15.72)

LCH

lch(81.07% 25.09 321.21)

OKLAB

oklab(0.8444 0.0528 -0.0422)

OKLCH

oklch(0.8444 0.0676 321.37)

XYZ

xyz(63.89, 58.61, 83.53)

CMYK

cmyk(3%, 18%, 0%, 9%)

CSS

color: #e1bee7;

CSS variable

--color-e1bee7: #e1bee7;

SCSS

$color-e1bee7: #e1bee7;

Tailwind

purple-100

Export

Developer code

:root {
  --material-purple-100-1: #e1bee7;
}

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 100