Material Purple 600

Preview

Material Purple 600

#8e24aa

Overview

Family: Purple

material

Accessibility on this swatch:

AAA

(7.04:1)

Contrast vs white: 7.04:1 · vs black: 2.98:1

Formats

HEX

#8e24aa

RGB

rgb(142, 36, 170)

RGBA

rgba(142, 36, 170, 1)

HSL

hsl(287, 65%, 40%)

HSV

hsv(287, 79%, 67%)

LAB

lab(37.69% 61.14 -49.38)

LCH

lch(37.69% 78.59 321.07)

OKLAB

oklab(0.4901 0.1542 -0.139)

OKLCH

oklch(0.4901 0.2076 317.97)

XYZ

xyz(19.04, 9.92, 38.93)

CMYK

cmyk(16%, 79%, 0%, 33%)

CSS

color: #8e24aa;

CSS variable

--color-8e24aa: #8e24aa;

SCSS

$color-8e24aa: #8e24aa;

Tailwind

purple-600

Export

Developer code

:root {
  --material-purple-600-1: #8e24aa;
}

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 600