Material Purple 700

Preview

Material Purple 700

#7b1fa2

Overview

Family: Purple

material

Accessibility on this swatch:

AAA

(8.2:1)

Contrast vs white: 8.2:1 · vs black: 2.56:1

Formats

HEX

#7b1fa2

RGB

rgb(123, 31, 162)

RGBA

rgba(123, 31, 162, 1)

HSL

hsl(282, 68%, 38%)

HSV

hsv(282, 81%, 64%)

LAB

lab(33.56% 57.64 -51.4)

LCH

lch(33.56% 77.23 318.28)

OKLAB

oklab(0.4533 0.1355 -0.1455)

OKLCH

oklch(0.4533 0.1988 312.96)

XYZ

xyz(15.18, 7.80, 34.88)

CMYK

cmyk(24%, 81%, 0%, 36%)

CSS

color: #7b1fa2;

CSS variable

--color-7b1fa2: #7b1fa2;

SCSS

$color-7b1fa2: #7b1fa2;

Tailwind

purple-600

Export

Developer code

:root {
  --material-purple-700-1: #7b1fa2;
}

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 700