Material Pink 600

Preview

Material Pink 600

#d81b60

Overview

Family: Red

material

Accessibility on this swatch:

(4.95:1)

Contrast vs white: 4.95:1 · vs black: 4.25:1

Formats

HEX

#d81b60

RGB

rgb(216, 27, 96)

RGBA

rgba(216, 27, 96, 1)

HSL

hsl(338, 78%, 48%)

HSV

hsv(338, 88%, 85%)

LAB

lab(47.28% 70.78 11.7)

LCH

lch(47.28% 71.74 9.39)

OKLAB

oklab(0.5737 0.2157 0.0297)

OKLCH

oklch(0.5737 0.2177 7.84)

XYZ

xyz(30.83, 16.23, 12.57)

CMYK

cmyk(0%, 88%, 56%, 15%)

CSS

color: #d81b60;

CSS variable

--color-d81b60: #d81b60;

SCSS

$color-d81b60: #d81b60;

Tailwind

pink-500

Export

Developer code

:root {
  --material-pink-600-1: #d81b60;
}

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 600