What does the color Pink mean?

Red

Pink

#ffc0cb

#ffcdd5

#ffd9e0

#ffe6ea

#fff2f5

#e6b3bc

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

Pink is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Pink (#ffc0cb) in CSS as color: pink; or as #ffc0cb.

Preview

Pink

#ffc0cb

Overview

Family: Red

Accessibility on this swatch:

AAA

(13.65:1)

Contrast vs white: 1.54:1 · vs black: 13.65:1

Formats

HEX

#ffc0cb

RGB

rgb(255, 192, 203)

RGBA

rgba(255, 192, 203, 1)

HSL

hsl(350, 100%, 88%)

HSV

hsv(350, 25%, 100%)

LAB

lab(83.59% 24.14 3.33)

LCH

lch(83.59% 24.37 7.85)

OKLAB

oklab(0.8677 0.073 0.0091)

OKLCH

oklch(0.8677 0.0736 7.11)

XYZ

xyz(70.87, 63.27, 64.97)

CMYK

cmyk(0%, 25%, 20%, 0%)

CSS

color: #ffc0cb;

CSS variable

--color-ffc0cb: #ffc0cb;

SCSS

$color-ffc0cb: #ffc0cb;

Tailwind

rose-100

Export

Developer code

:root {
  --pink-1: #ffc0cb;
}

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.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ffcdd5

#ffd9e0

#ffe6ea

#fff2f5

#e6b3bc

#cca6ad

#b39a9e

#998d8f

Similar colors

#ffb6c1

#d8bfd8

#ffe4e1

#ca9a8c

#d79b89

#d3a892

#bc8f8f

#e29d88

Browse more in the color name library.