Material Pink 200

Preview

Material Pink 200

#f48fb1

Overview

Family: Red

material

Accessibility on this swatch:

AAA

(9.41:1)

Contrast vs white: 2.23:1 · vs black: 9.41:1

Formats

HEX

#f48fb1

RGB

rgb(244, 143, 177)

RGBA

rgba(244, 143, 177, 1)

HSL

hsl(340, 82%, 76%)

HSV

hsv(340, 41%, 96%)

LAB

lab(70.91% 42.22 -1.1)

LCH

lch(70.91% 42.23 358.51)

OKLAB

oklab(0.7657 0.1276 -0.0023)

OKLCH

oklch(0.7657 0.1276 358.97)

XYZ

xyz(55.07, 42.06, 46.80)

CMYK

cmyk(0%, 41%, 27%, 4%)

CSS

color: #f48fb1;

CSS variable

--color-f48fb1: #f48fb1;

SCSS

$color-f48fb1: #f48fb1;

Tailwind

rose-200

Export

Developer code

:root {
  --material-pink-200-1: #f48fb1;
}

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 200