pinkwarmCC0 survey name

Baby Pink #FFB7CE

Baby Pink is a light, vivid warm color (#FFB7CE; HSL 341° 100% 86%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “baby pink”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks

Color values

FormatValue
HEX#FFB7CE
RGBrgb(255, 183, 206)
HSLhsl(341, 100%, 86%)
HSVhsv(341, 28%, 100%)
OKLCHoklch(85.28% 0.088 358.3)
OKLaboklab(85.28% 0.0879 -0.0026)
CMYKcmyk(0%, 28.2%, 19.2%, 0%)
XYZxyz(69.3147, 59.5867, 66.2309)
CIE-LABlab(81.6, 29.3, -1.2)
CIE-LCHlch(81.6, 29.3, 357.7°)
Luminance0.596 (WCAG relative)
/* Baby Pink */ --baby-pink: #ffb7ce; color: #ffb7ce; background-color: #ffb7ce;

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

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)

#e2a3b7 #c68fa1 #ab7c8b #916a76 #775862 #5f464e #47363b #312629 #1c1718 #000000

Tints (toward white)

#ffbed3 #ffc6d8 #ffcddc #ffd4e1 #ffdbe6 #ffe2eb #ffeaf0 #fff1f5 #fff8fa #ffffff

Tones (toward gray)

#fab9ce #f5bbcd #f0becd #ebc0cd #e6c2cc #e1c4cc #dbc5cc #d6c7cb #d0c9cb #cbcbcb

Color harmonies

Complementary

Edit in generator →
#FFB7CE
#B7FFE8
#ffb7ce #b7ffe8

Analogous

Edit in generator →
#FFB7F2
#FFB7CE
#FFC4B7
#ffb7f2 #ffb7ce #ffc4b7

Triadic

Edit in generator →
#FFB7CE
#CEFFB7
#B7CEFF
#ffb7ce #ceffb7 #b7ceff

Tetradic

Edit in generator →
#FFB7CE
#F2FFB7
#B7FFE8
#C4B7FF
#ffb7ce #f2ffb7 #b7ffe8 #c4b7ff

Square

Edit in generator →
#FFB7CE
#F2FFB7
#B7FFE8
#C4B7FF
#ffb7ce #f2ffb7 #b7ffe8 #c4b7ff

Split Complementary

Edit in generator →
#FFB7CE
#B7FFC4
#B7F2FF
#ffb7ce #b7ffc4 #b7f2ff

Monochromatic

Edit in generator →
#FF3D7B
#FF7AA4
#FFB7CE
#FFE0EA
#FFE0EA
#ff3d7b #ff7aa4 #ffb7ce #ffe0ea #ffe0ea

Accessibility & contrast

1.63
#FFB7CE on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
12.92
#FFB7CE on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on baby pink

12.92
#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)
#C0C3CF
Deuteranopia (green-blind)
#D0D0CC
Tritanopia (blue-blind)
#FFB3BF

Closest named colors

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

ColorNameΔE₀₀
Pastel Pink #FFBACD1.28
Powder Pink #FFB2D02.09
Soft Pink #FDB0C03.13
Lightpink #FFB6C14.01
Pink #FFC0CB4.05
Bubblegum #FFC1CC4.16

Colors that go with baby pink

Top matches by hue harmony, contrast and saturation compatibility.

Dark Plum #3F012C
10.3:1
Analogous hue (Δh ≈22°) — neighbors on the color wheel
Aubergine #3D0734
10.1:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Navy Blue #1B2A4A
8.8:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Pine #2B5D34
4.8:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Evergreen #05472A
6.7:1
Complementary hue (Δh ≈173°) — 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.