Lightpink

lightpink is a CSS color keyword. The closest Tailwind step is rose-300 (#fda4af).

#ffb6c1rgb(255, 182, 193)

Hex: #ffb6c1
RGB: 255, 182, 193
HSL: 351°, 100%, 86%
OKLCH: 84.7% 0.086 9.1
LAB: 81.1 28.0 5.0

Open #ffb6c1 in the explorer

Text contrast

Black or white text on #ffb6c1. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text12.7:1 AAAAPCA Lc 77

White text1.7:1 FailAPCA Lc -31

Color vision

How #ffb6c1 looks in simulations of color blindness, at full severity.

Full color
#ffb6c1

Protanopia
#c1c1c1

Deuteranopia
#d3cec0

Tritanopia
#ffb0ba

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to lightpink.

50 100200300400500600700800900950

Copy into CSS

color: lightpink;
background: #ffb6c1;

@theme {
  --color-lightpink-50: #fff1f3;
  --color-lightpink-100: #ffdee3;
  --color-lightpink-200: #ffbcc6;
  --color-lightpink-300: #e59ea9;
  --color-lightpink-400: #c7828d;
  --color-lightpink-500: #a6646f;
  --color-lightpink-600: #894b56;
  --color-lightpink-700: #713440;
  --color-lightpink-800: #581f2c;
  --color-lightpink-900: #410819;
  --color-lightpink-950: #220007;
}