Material Pink 500

Preview

Material Pink 500

#e91e63

Overview

Family: Red

material

Accessibility on this swatch:

(4.83:1)

Contrast vs white: 4.35:1 · vs black: 4.83:1

Formats

HEX

#e91e63

RGB

rgb(233, 30, 99)

RGBA

rgba(233, 30, 99, 1)

HSL

hsl(340, 82%, 52%)

HSV

hsv(340, 87%, 91%)

LAB

lab(50.87% 74.6 15.35)

LCH

lch(50.87% 76.16 11.63)

OKLAB

oklab(0.6062 0.2265 0.0384)

OKLCH

oklch(0.6062 0.2297 9.62)

XYZ

xyz(36.32, 19.16, 13.59)

CMYK

cmyk(0%, 87%, 58%, 9%)

CSS

color: #e91e63;

CSS variable

--color-e91e63: #e91e63;

SCSS

$color-e91e63: #e91e63;

Tailwind

rose-400

Export

Developer code

:root {
  --material-pink-500-1: #e91e63;
}

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 500