Material Pink 700

Preview

Material Pink 700

#c2185b

Overview

Family: Red

material

Accessibility on this swatch:

(5.87:1)

Contrast vs white: 5.87:1 · vs black: 3.58:1

Formats

HEX

#c2185b

RGB

rgb(194, 24, 91)

RGBA

rgba(194, 24, 91, 1)

HSL

hsl(336, 78%, 43%)

HSV

hsv(336, 88%, 76%)

LAB

lab(42.58% 65.54 7.6)

LCH

lch(42.58% 65.98 6.61)

OKLAB

oklab(0.5313 0.2006 0.0197)

OKLCH

oklch(0.5313 0.2016 5.61)

XYZ

xyz(24.47, 12.88, 11.09)

CMYK

cmyk(0%, 88%, 53%, 24%)

CSS

color: #c2185b;

CSS variable

--color-c2185b: #c2185b;

SCSS

$color-c2185b: #c2185b;

Tailwind

pink-500

Export

Developer code

:root {
  --material-pink-700-1: #c2185b;
}

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 700