Material Pink 900

Preview

Material Pink 900

#880e4f

Overview

Family: Red

material

Accessibility on this swatch:

AAA

(9.45:1)

Contrast vs white: 9.45:1 · vs black: 2.22:1

Formats

HEX

#880e4f

RGB

rgb(136, 14, 79)

RGBA

rgba(136, 14, 79, 1)

HSL

hsl(328, 81%, 29%)

HSV

hsv(328, 90%, 53%)

LAB

lab(29.7% 51.9 -4.83)

LCH

lch(29.7% 52.12 354.68)

OKLAB

oklab(0.4152 0.16 -0.0121)

OKLCH

oklch(0.4152 0.1605 355.68)

XYZ

xyz(11.72, 6.11, 7.96)

CMYK

cmyk(0%, 90%, 42%, 47%)

CSS

color: #880e4f;

CSS variable

--color-880e4f: #880e4f;

SCSS

$color-880e4f: #880e4f;

Tailwind

pink-700

Export

Developer code

:root {
  --material-pink-900-1: #880e4f;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

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

Material Pink 900