pinkwarmCC0 survey name

Light Pink #FFD1DF

Light Pink is a light, vivid warm color (#FFD1DF; HSL 342° 100% 91%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light pink”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks

Color values

FormatValue
HEX#FFD1DF
RGBrgb(255, 209, 223)
HSLhsl(342, 100%, 91%)
HSVhsv(342, 18%, 100%)
OKLCHoklch(90.41% 0.055 358.1)
OKLaboklab(90.41% 0.0545 -0.0018)
CMYKcmyk(0%, 18%, 12.5%, 0%)
XYZxyz(77.3593, 72.191, 79.657)
CIE-LABlab(88.1, 18.3, -0.8)
CIE-LCHlch(88.1, 18.3, 357.5°)
Luminance0.722 (WCAG relative)
/* Light Pink */ --light-pink: #ffd1df; color: #ffd1df; background-color: #ffd1df;

Source: xkcd color survey name (public domain, CC0).

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e2bac6 #c6a3ae #ab8d96 #91787f #776369 #5e4f54 #473c3f #30292b #1c1819 #000000

Tints (toward white)

#ffd6e2 #ffdae5 #ffdfe9 #ffe3ec #ffe8ef #ffedf2 #fff1f5 #fff6f9 #fffafc #ffffff

Tones (toward gray)

#fcd2df #f8d4df #f5d5de #f2d6de #eed7de #ebd8de #e7d9dd #e4dbdd #e0dcdd #dddddd

Color harmonies

Complementary

Edit in generator →
#FFD1DF
#D1FFF1
#ffd1df #d1fff1

Analogous

Edit in generator →
#FFD1F6
#FFD1DF
#FFDAD1
#ffd1f6 #ffd1df #ffdad1

Triadic

Edit in generator →
#FFD1DF
#DFFFD1
#D1DFFF
#ffd1df #dfffd1 #d1dfff

Tetradic

Edit in generator →
#FFD1DF
#F6FFD1
#D1FFF1
#DAD1FF
#ffd1df #f6ffd1 #d1fff1 #dad1ff

Square

Edit in generator →
#FFD1DF
#F6FFD1
#D1FFF1
#DAD1FF
#ffd1df #f6ffd1 #d1fff1 #dad1ff

Split Complementary

Edit in generator →
#FFD1DF
#D1FFDA
#D1F6FF
#ffd1df #d1ffda #d1f6ff

Monochromatic

Edit in generator →
#FF578A
#FF94B4
#FFD1DF
#FFE0EA
#FFE0EA
#ff578a #ff94b4 #ffd1df #ffe0ea #ffe0ea

Accessibility & contrast

1.36
#FFD1DF on #FFFFFF
AA text AA large AAA text UI 3:1
15.44
#FFD1DF on #000000
AA text AA large AAA text UI 3:1

Best text on light pink

15.44
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#D6D8E0
Deuteranopia (green-blind)
#E0E0DE
Tritanopia (blue-blind)
#FFCFD6

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Pale Pink #FFCFDC0.73
Light Rose #FFC5CB4.76
Bubblegum #FFC1CC4.87
Pink #FFC0CB5.14
Pale Rose #FDC1C55.95
Pastel Pink #FFBACD6.32

Colors that go with light pink

Top matches by hue harmony, contrast and saturation compatibility.

Wine #722F37
7.1:1
Same hue family as light pink (Δh 11°) — guaranteed harmony
Aubergine #3D0734
12.1:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Navy Blue #1B2A4A
10.4:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Dark Green #033500
10.2:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Evergreen #05472A
8.0:1
Complementary hue (Δh ≈172°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.