pinkneutralCC0 survey name

Lavender Pink #DD85D7

Lavender Pink is a light, moderately saturated neutral color (#DD85D7; HSL 304° 56% 69%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “lavender pink”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks · Lilac Colors · Magenta Colors

Color values

FormatValue
HEX#DD85D7
RGBrgb(221, 133, 215)
HSLhsl(304, 56%, 69%)
HSVhsv(304, 40%, 87%)
OKLCHoklch(73.67% 0.149 329.4)
OKLaboklab(73.67% 0.1285 -0.0759)
CMYKcmyk(0%, 39.8%, 2.7%, 13.3%)
XYZxyz(50.4713, 37.056, 68.7708)
CIE-LABlab(67.3, 45.8, -27.9)
CIE-LCHlch(67.3, 53.6, 328.6°)
Luminance0.371 (WCAG relative)
/* Lavender Pink */ --lavender-pink: #dd85d7; color: #dd85d7; background-color: #dd85d7;

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

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)

#c577bf #ad69a8 #955c91 #7f4f7b #694266 #533651 #3f2a3d #2c1e2a #1a1319 #000000

Tints (toward white)

#e192db #e59edf #e9aae3 #edb6e7 #f0c3eb #f3cfef #f7dbf3 #fae7f7 #fcf3fb #ffffff

Tones (toward gray)

#d889d2 #d28ccd #cd90c8 #c793c3 #c296bd #bc99b8 #b69cb3 #b09fae #aaa1a9 #a4a4a4

Color harmonies

Complementary

Edit in generator →
#DD85D7
#85DD8B
#dd85d7 #85dd8b

Analogous

Edit in generator →
#B785DD
#DD85D7
#DD85AB
#b785dd #dd85d7 #dd85ab

Triadic

Edit in generator →
#DD85D7
#D7DD85
#85D7DD
#dd85d7 #d7dd85 #85d7dd

Tetradic

Edit in generator →
#DD85D7
#DDB785
#85DD8B
#85ABDD
#dd85d7 #ddb785 #85dd8b #85abdd

Square

Edit in generator →
#DD85D7
#DDB785
#85DD8B
#85ABDD
#dd85d7 #ddb785 #85dd8b #85abdd

Split Complementary

Edit in generator →
#DD85D7
#ABDD85
#85DDB7
#dd85d7 #abdd85 #85ddb7

Monochromatic

Edit in generator →
#B532AC
#D055C7
#DD85D7
#EAB5E7
#F8E5F6
#b532ac #d055c7 #dd85d7 #eab5e7 #f8e5f6

Accessibility & contrast

2.50
#DD85D7 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.41
#DD85D7 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lavender pink

8.41
#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)
#819CDA
Deuteranopia (green-blind)
#98A8D4
Tritanopia (blue-blind)
#E38CA4

Closest named colors

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

ColorNameΔE₀₀
Violet (CSS) #EE82EE4.23
Purply Pink #F075E64.73
Orchid #DA70D64.86
Plum #DDA0DD6.68
Bubblegum Pink #FE83CC7.26
Candy Pink #FF63E97.57

Colors that go with lavender pink

Top matches by hue harmony, contrast and saturation compatibility.

Eggplant Purple #430541
6.3:1
Same hue family as lavender pink (Δh 2°) — guaranteed harmony
Maroon #800000
4.4:1
Warm/cool bridge (Δh 56°) — adds depth without tension
Olive #808000
1.7:1
Triadic harmony (Δh ≈116°) — balanced three-way contrast
Forrest Green #154406
4.5:1
Split-complementary angle (Δh ≈161°) — strong but softer than direct complement
Bottle Green #044A05
4.2:1
Complementary hue (Δh ≈177°) — 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.