purplecoolCC0 survey name

Pale Lavender #EECFFE

Pale Lavender is a light, vivid cool color (#EECFFE; HSL 280° 96% 90%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “pale lavender”.

Use cases: Creative accents · Royal themes

Open in generator →

Families: Purples

Color values

FormatValue
HEX#EECFFE
RGBrgb(238, 207, 254)
HSLhsl(280, 96%, 90%)
HSVhsv(280, 19%, 100%)
OKLCHoklch(89.51% 0.071 314.2)
OKLaboklab(89.51% 0.0497 -0.0512)
CMYKcmyk(6.3%, 18.5%, 0%, 0.4%)
XYZxyz(75.4592, 69.9593, 103.275)
CIE-LABlab(87.0, 19.1, -19.0)
CIE-LCHlch(87.0, 26.9, 315.2°)
Luminance0.700 (WCAG relative)
/* Pale Lavender */ --pale-lavender: #eecffe; color: #eecffe; background-color: #eecffe;

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

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)

#d3b8e1 #b9a2c6 #a08caa #877790 #706277 #594e5e #433b46 #2e2930 #1a181b #000000

Tints (toward white)

#f0d4fe #f2d9fe #f3ddfe #f5e2ff #f7e7ff #f9ecff #faf1ff #fcf5ff #fdfaff #ffffff

Tones (toward gray)

#ecd0fa #ead1f7 #e8d2f3 #e6d3f0 #e4d5ec #e2d6e8 #e0d7e5 #ded8e1 #dcd9dd #dadada

Color harmonies

Complementary

Edit in generator →
#EECFFE
#DFFECF
#eecffe #dffecf

Analogous

Edit in generator →
#D6CFFE
#EECFFE
#FECFF7
#d6cffe #eecffe #fecff7

Triadic

Edit in generator →
#EECFFE
#FEEECF
#CFFEEE
#eecffe #feeecf #cffeee

Tetradic

Edit in generator →
#EECFFE
#FED6CF
#DFFECF
#CFF7FE
#eecffe #fed6cf #dffecf #cff7fe

Square

Edit in generator →
#EECFFE
#FED6CF
#DFFECF
#CFF7FE
#eecffe #fed6cf #dffecf #cff7fe

Split Complementary

Edit in generator →
#EECFFE
#F7FECF
#CFFED6
#eecffe #f7fecf #cffed6

Monochromatic

Edit in generator →
#C457FC
#D993FD
#EECFFE
#F4E1FE
#F4E1FE
#c457fc #d993fd #eecffe #f4e1fe #f4e1fe

Accessibility & contrast

1.40
#EECFFE on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
14.99
#EECFFE on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on pale lavender

14.99
#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)
#C9D8FF
Deuteranopia (green-blind)
#CFDBFC
Tritanopia (blue-blind)
#EDD4DF

Closest named colors

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

ColorNameΔE₀₀
Light Lilac #EDC8FF2.36
Pale Lilac #E4CBFF2.61
Pale Mauve #FED0FC4.00
Light Lavender #DFC5FE4.08
Light Lavendar #EFC0FE4.73
Thistle #D8BFD87.67

Colors that go with pale lavender

Top matches by hue harmony, contrast and saturation compatibility.

Midnight Purple #280137
13.0:1
Same hue family as pale lavender (Δh 4°) — guaranteed harmony
Aubergine #3D0734
11.7:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Evergreen #05472A
7.7:1
Triadic harmony (Δh ≈126°) — balanced three-way contrast
Dark Olive #373E02
8.1:1
Split-complementary angle (Δh ≈147°) — strong but softer than direct complement
Forest Green #2D5A27
5.8:1
Complementary hue (Δh ≈167°) — 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.