Material Purple 300

Preview

Material Purple 300

#ba68c8

Overview

Family: Purple

material

Accessibility on this swatch:

(5.9:1)

Contrast vs white: 3.56:1 · vs black: 5.9:1

Formats

HEX

#ba68c8

RGB

rgb(186, 104, 200)

RGBA

rgba(186, 104, 200, 1)

HSL

hsl(291, 47%, 60%)

HSV

hsv(291, 48%, 78%)

LAB

lab(56.6% 47.59 -36.48)

LCH

lch(56.6% 59.96 322.53)

OKLAB

oklab(0.6455 0.1271 -0.1007)

OKLCH

oklch(0.6455 0.1622 321.61)

XYZ

xyz(35.62, 24.51, 57.49)

CMYK

cmyk(7%, 48%, 0%, 22%)

CSS

color: #ba68c8;

CSS variable

--color-ba68c8: #ba68c8;

SCSS

$color-ba68c8: #ba68c8;

Tailwind

purple-400

Export

Developer code

:root {
  --material-purple-300-1: #ba68c8;
}

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 300