pinkwarmCC0 survey name

Warm Pink #FB5581

Warm Pink is a mid-tone, vivid warm color (#FB5581; HSL 344° 95% 66%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “warm pink”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks · Rose Colors

Color values

FormatValue
HEX#FB5581
RGBrgb(251, 85, 129)
HSLhsl(344, 95%, 66%)
HSVhsv(344, 66%, 98%)
OKLCHoklch(68.48% 0.203 8.3)
OKLaboklab(68.48% 0.2006 0.0292)
CMYKcmyk(0%, 66.1%, 48.6%, 1.6%)
XYZxyz(46.9985, 28.5973, 23.8095)
CIE-LABlab(60.4, 66.0, 11.3)
CIE-LCHlch(60.4, 66.9, 9.7°)
Luminance0.286 (WCAG relative)
/* Warm Pink */ --warm-pink: #fb5581; color: #fb5581; background-color: #fb5581;

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

Collections: Vibrant Colors · Neon Colors

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)

#df4d73 #c44666 #aa3e59 #90374c #772f40 #5f2834 #472028 #31181d #1d1012 #000000

Tints (toward white)

#fe6a8d #ff7d99 #ff8ea5 #ff9fb1 #ffb0be #ffc0cb #ffd0d7 #ffe0e4 #ffeff2 #ffffff

Tones (toward gray)

#f25f83 #e86784 #df6e86 #d57587 #cb7b89 #c1808b #b6858c #aa8a8e #9e8e90 #929292

Color harmonies

Complementary

Edit in generator →
#FB5581
#55FBCF
#fb5581 #55fbcf

Analogous

Edit in generator →
#FB55D4
#FB5581
#FB7C55
#fb55d4 #fb5581 #fb7c55

Triadic

Edit in generator →
#FB5581
#81FB55
#5581FB
#fb5581 #81fb55 #5581fb

Tetradic

Edit in generator →
#FB5581
#D4FB55
#55FBCF
#7C55FB
#fb5581 #d4fb55 #55fbcf #7c55fb

Square

Edit in generator →
#FB5581
#D4FB55
#55FBCF
#7C55FB
#fb5581 #d4fb55 #55fbcf #7c55fb

Split Complementary

Edit in generator →
#FB5581
#55FB7C
#55D4FB
#fb5581 #55fb7c #55d4fb

Monochromatic

Edit in generator →
#D1053B
#FA1955
#FB5581
#FC91AD
#FECDDA
#d1053b #fa1955 #fb5581 #fc91ad #fecdda

Accessibility & contrast

3.13
#FB5581 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.72
#FB5581 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on warm pink

6.72
#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)
#7B7D82
Deuteranopia (green-blind)
#A69E7D
Tritanopia (blue-blind)
#FF3966

Closest named colors

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

ColorNameΔE₀₀
Strawberry #FC5A8D2.60
Rosy Pink #F6688E3.42
Watermelon #FC6C854.57
Medium Pink #F361965.08
Blush #DE5D835.16
Carnation #FD798F6.78

Colors that go with warm pink

Top matches by hue harmony, contrast and saturation compatibility.

Burgundy #800020
3.5:1
Same hue family as warm pink (Δh 1°) — guaranteed harmony
Rich Purple #720058
3.6:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Navy Blue #1B2A4A
4.5:1
Triadic harmony (Δh ≈123°) — balanced three-way contrast
Foam Green #90FDA9
2.5:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Aqua Marine #2EE8BB
2.0:1
Complementary hue (Δh ≈179°) — 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.