bluecoolCC0 survey name

Lavender Blue #8B88F8

Lavender Blue is a light, vivid cool color (#8B88F8; HSL 242° 89% 75%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “lavender blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues

Color values

FormatValue
HEX#8B88F8
RGBrgb(139, 136, 248)
HSLhsl(242, 89%, 75%)
HSVhsv(242, 45%, 97%)
OKLCHoklch(67.98% 0.162 282.4)
OKLaboklab(67.98% 0.0348 -0.1581)
CMYKcmyk(44%, 45.2%, 0%, 2.7%)
XYZxyz(36.3899, 29.873, 92.6374)
CIE-LABlab(61.5, 28.8, -55.8)
CIE-LCHlch(61.5, 62.8, 297.3°)
Luminance0.299 (WCAG relative)
/* Lavender Blue */ --lavender-blue: #8b88f8; color: #8b88f8; background-color: #8b88f8;

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

Collections: Pastel Blue Colors · Light Blue Shades

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)

#7d7adc #6e6bc1 #615ea7 #53508d #464374 #39365c #2c2a45 #201e2f #14131b #000000

Tints (toward white)

#9993f9 #a69ffa #b2aafb #beb6fc #c9c2fd #d5cefd #dfdafe #eae6fe #f5f3ff #ffffff

Tones (toward gray)

#8e89ee #908be4 #928cda #948dd0 #958ec6 #9590bc #9691b2 #9692a8 #95939e #959595

Color harmonies

Complementary

Edit in generator →
#8B88F8
#F5F888
#8b88f8 #f5f888

Analogous

Edit in generator →
#88BDF8
#8B88F8
#C388F8
#88bdf8 #8b88f8 #c388f8

Triadic

Edit in generator →
#8B88F8
#F88B88
#88F88B
#8b88f8 #f88b88 #88f88b

Tetradic

Edit in generator →
#8B88F8
#F888BD
#F5F888
#88F8C3
#8b88f8 #f888bd #f5f888 #88f8c3

Square

Edit in generator →
#8B88F8
#F888BD
#F5F888
#88F8C3
#8b88f8 #f888bd #f5f888 #88f8c3

Split Complementary

Edit in generator →
#8B88F8
#F8C388
#BDF888
#8b88f8 #f8c388 #bdf888

Monochromatic

Edit in generator →
#1A14F1
#534EF5
#8B88F8
#C3C2FB
#E3E2FD
#1a14f1 #534ef5 #8b88f8 #c3c2fb #e3e2fd

Accessibility & contrast

3.01
#8B88F8 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.98
#8B88F8 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on lavender blue

6.98
#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)
#5C99FC
Deuteranopia (green-blind)
#5691F5
Tritanopia (blue-blind)
#689FB4

Closest named colors

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

ColorNameΔE₀₀
Perrywinkle #8F8CE73.07
Periwinkle Blue #8F99FB4.99
Cornflower #6A79F76.45
Soft Blue #6488EA7.77
Mediumpurple #9370DB9.01
Mediumslateblue #7B68EE9.59

Colors that go with lavender blue

Top matches by hue harmony, contrast and saturation compatibility.

Deep Blue #040273
5.5:1
Same hue family as lavender blue (Δh 1°) — guaranteed harmony
Plum Purple #4E0550
4.8:1
Warm/cool bridge (Δh 57°) — adds depth without tension
Maroon #800000
3.6:1
Triadic harmony (Δh ≈118°) — balanced three-way contrast
Chocolate #7B3F00
2.7:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Mud Green #606602
2.0:1
Complementary hue (Δh ≈178°) — 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.