Material Pink 400

Preview

Material Pink 400

#ec407a

Overview

Family: Red

material

Accessibility on this swatch:

(5.58:1)

Contrast vs white: 3.76:1 · vs black: 5.58:1

Formats

HEX

#ec407a

RGB

rgb(236, 64, 122)

RGBA

rgba(236, 64, 122, 1)

HSL

hsl(340, 82%, 59%)

HSV

hsv(340, 73%, 93%)

LAB

lab(54.98% 68.57 7.33)

LCH

lch(54.98% 68.96 6.1)

OKLAB

oklab(0.6392 0.2095 0.0193)

OKLCH

oklch(0.6392 0.2104 5.26)

XYZ

xyz(39.94, 22.91, 20.73)

CMYK

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

CSS

color: #ec407a;

CSS variable

--color-ec407a: #ec407a;

SCSS

$color-ec407a: #ec407a;

Tailwind

rose-400

Export

Developer code

:root {
  --material-pink-400-1: #ec407a;
}

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 400