purplecoolCC0 survey name

Baby Purple #CA9BF7

Baby Purple is a light, vivid cool color (#CA9BF7; HSL 271° 85% 79%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “baby purple”.

Use cases: Creative accents · Royal themes

Open in generator →

Families: Purples · Lilac Colors

Color values

FormatValue
HEX#CA9BF7
RGBrgb(202, 155, 247)
HSLhsl(271, 85%, 79%)
HSVhsv(271, 37%, 97%)
OKLCHoklch(76.7% 0.137 306.9)
OKLaboklab(76.7% 0.082 -0.1092)
CMYKcmyk(18.2%, 37.2%, 0%, 3.1%)
XYZxyz(52.8637, 42.7151, 93.4376)
CIE-LABlab(71.4, 34.6, -39.4)
CIE-LCHlch(71.4, 52.5, 311.3°)
Luminance0.427 (WCAG relative)
/* Baby Purple */ --baby-purple: #ca9bf7; color: #ca9bf7; background-color: #ca9bf7;

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

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)

#b48adb #9e7ac0 #896aa6 #745b8c #604b74 #4d3d5c #3a2f45 #29212f #18141b #000000

Tints (toward white)

#d0a5f8 #d6aff9 #dbb9fa #e1c3fb #e6cdfc #ebd7fc #f0e1fd #f5ebfe #faf5fe #ffffff

Tones (toward gray)

#c89df0 #c59fe8 #c3a1e1 #c0a4da #bea6d3 #bba7cc #b8a9c4 #b5abbd #b2adb6 #afafaf

Color harmonies

Complementary

Edit in generator →
#CA9BF7
#C8F79B
#ca9bf7 #c8f79b

Analogous

Edit in generator →
#9C9BF7
#CA9BF7
#F79BF6
#9c9bf7 #ca9bf7 #f79bf6

Triadic

Edit in generator →
#CA9BF7
#F7CA9B
#9BF7CA
#ca9bf7 #f7ca9b #9bf7ca

Tetradic

Edit in generator →
#CA9BF7
#F79C9B
#C8F79B
#9BF6F7
#ca9bf7 #f79c9b #c8f79b #9bf6f7

Square

Edit in generator →
#CA9BF7
#F79C9B
#C8F79B
#9BF6F7
#ca9bf7 #f79c9b #c8f79b #9bf6f7

Split Complementary

Edit in generator →
#CA9BF7
#F6F79B
#9BF79C
#ca9bf7 #f6f79b #9bf79c

Monochromatic

Edit in generator →
#8E2AEE
#AC62F2
#CA9BF7
#E8D4FC
#F0E3FD
#8e2aee #ac62f2 #ca9bf7 #e8d4fc #f0e3fd

Accessibility & contrast

2.20
#CA9BF7 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
9.54
#CA9BF7 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on baby purple

9.54
#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)
#88ADFB
Deuteranopia (green-blind)
#92AFF4
Tritanopia (blue-blind)
#C4A9BE

Closest named colors

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

ColorNameΔE₀₀
Pastel Purple #CAA0FF1.78
Liliac #C48EFD3.91
Pale Violet #CEAEFA5.01
Mauve #E0B0FF5.97
Pale Purple #B790D46.21
Lavender #B39DDB6.49

Colors that go with baby purple

Top matches by hue harmony, contrast and saturation compatibility.

Deep Purple #36013F
7.7:1
Analogous hue (Δh ≈21°) — neighbors on the color wheel
Night Blue #040348
8.6:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Reddy Brown #6E1005
5.5:1
Text-safe contrast with the anchor (5.49:1, passes WCAG AA)
Bottle Green #044A05
4.8:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Navy Green #35530A
4.0:1
Complementary hue (Δh ≈174°) — 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.