Material Purple 900

Preview

Material Purple 900

#4a148c

Overview

Family: Deep Purple

material

Accessibility on this swatch:

AAA

(11.86:1)

Contrast vs white: 11.86:1 · vs black: 1.77:1

Formats

HEX

#4a148c

RGB

rgb(74, 20, 140)

RGBA

rgba(74, 20, 140, 1)

HSL

hsl(267, 75%, 31%)

HSV

hsv(267, 86%, 55%)

LAB

lab(23.17% 48.52 -55.16)

LCH

lch(23.17% 73.46 311.34)

OKLAB

oklab(0.3601 0.078 -0.1582)

OKLCH

oklch(0.3601 0.1764 296.25)

XYZ

xyz(7.81, 3.85, 25.14)

CMYK

cmyk(47%, 86%, 0%, 45%)

CSS

color: #4a148c;

CSS variable

--color-4a148c: #4a148c;

SCSS

$color-4a148c: #4a148c;

Tailwind

violet-600

Export

Developer code

:root {
  --material-purple-900-1: #4a148c;
}

Color psychology

Mystery, ambition, and creativity. Strong for artistic and spiritual associations.

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

Material Purple 900