purplecoolCC0 survey name

Light Lavender #DFC5FE

Light Lavender is a light, vivid cool color (#DFC5FE; HSL 267° 97% 88%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light lavender”.

Use cases: Creative accents · Royal themes

Open in generator →

Families: Purples

Color values

FormatValue
HEX#DFC5FE
RGBrgb(223, 197, 254)
HSLhsl(267, 97%, 88%)
HSVhsv(267, 22%, 100%)
OKLCHoklch(86.38% 0.082 305.5)
OKLaboklab(86.38% 0.0478 -0.067)
CMYKcmyk(12.2%, 22.4%, 0%, 0.4%)
XYZxyz(68.2837, 62.7765, 102.2665)
CIE-LABlab(83.3, 19.7, -24.6)
CIE-LCHlch(83.3, 31.5, 308.7°)
Luminance0.628 (WCAG relative)
/* Light Lavender */ --light-lavender: #dfc5fe; color: #dfc5fe; background-color: #dfc5fe;

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

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)

#c6afe1 #ae9ac6 #9685aa #7f7190 #695e77 #544b5e #3f3946 #2c2830 #19171b #000000

Tints (toward white)

#e2cbfe #e6d1fe #e9d6ff #ecdcff #f0e2ff #f3e8ff #f6edff #f9f3ff #fcf9ff #ffffff

Tones (toward gray)

#dec6f9 #dcc7f5 #dbc8f0 #d9c9eb #d8cae7 #d6cbe2 #d5cddd #d3ced9 #d1cfd4 #d0d0d0

Color harmonies

Complementary

Edit in generator →
#DFC5FE
#E4FEC5
#dfc5fe #e4fec5

Analogous

Edit in generator →
#C5C7FE
#DFC5FE
#FBC5FE
#c5c7fe #dfc5fe #fbc5fe

Triadic

Edit in generator →
#DFC5FE
#FEDFC5
#C5FEDF
#dfc5fe #fedfc5 #c5fedf

Tetradic

Edit in generator →
#DFC5FE
#FEC5C7
#E4FEC5
#C5FEFB
#dfc5fe #fec5c7 #e4fec5 #c5fefb

Square

Edit in generator →
#DFC5FE
#FEC5C7
#E4FEC5
#C5FEFB
#dfc5fe #fec5c7 #e4fec5 #c5fefb

Split Complementary

Edit in generator →
#DFC5FE
#FEFBC5
#C7FEC5
#dfc5fe #fefbc5 #c7fec5

Monochromatic

Edit in generator →
#9D4DFC
#BE89FD
#DFC5FE
#EEE1FE
#EEE1FE
#9d4dfc #be89fd #dfc5fe #eee1fe #eee1fe

Accessibility & contrast

1.55
#DFC5FE on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
13.56
#DFC5FE on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on light lavender

13.56
#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)
#BBCFFF
Deuteranopia (green-blind)
#C0D0FC
Tritanopia (blue-blind)
#DBCDD9

Closest named colors

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

ColorNameΔE₀₀
Pale Lilac #E4CBFF1.76
Light Lilac #EDC8FF3.17
Pale Lavender #EECFFE4.08
Light Lavendar #EFC0FE4.50
Light Violet #D6B4FC4.73
Mauve #E0B0FF6.31

Colors that go with light lavender

Top matches by hue harmony, contrast and saturation compatibility.

Midnight #03012D
13.0:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Dark Navy #000435
12.7:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Dark Brown #341C02
10.3:1
Triadic harmony (Δh ≈124°) — balanced three-way contrast
Forest Green #2D5A27
5.2:1
Split-complementary angle (Δh ≈154°) — strong but softer than direct complement
Navy Green #35530A
5.7: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.