Material Pink 800

Preview

Material Pink 800

#ad1457

Overview

Family: Red

material

Accessibility on this swatch:

(6.97:1)

Contrast vs white: 6.97:1 · vs black: 3.01:1

Formats

HEX

#ad1457

RGB

rgb(173, 20, 87)

RGBA

rgba(173, 20, 87, 1)

HSL

hsl(334, 79%, 38%)

HSV

hsv(334, 88%, 68%)

LAB

lab(37.98% 60.74 2.98)

LCH

lch(37.98% 60.81 2.81)

OKLAB

oklab(0.4898 0.1867 0.0082)

OKLCH

oklch(0.4898 0.1869 2.51)

XYZ

xyz(19.21, 10.08, 9.95)

CMYK

cmyk(0%, 88%, 50%, 32%)

CSS

color: #ad1457;

CSS variable

--color-ad1457: #ad1457;

SCSS

$color-ad1457: #ad1457;

Tailwind

pink-600

Export

Developer code

:root {
  --material-pink-800-1: #ad1457;
}

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 800