purplecoolCC0 survey name

Dark Lavender #856798

Dark Lavender is a mid-tone, muted cool color (#856798; HSL 277° 19% 50%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dark lavender”.

Use cases: Creative accents · Royal themes

Open in generator →

Families: Purples · Mauve Colors

Color values

FormatValue
HEX#856798
RGBrgb(133, 103, 152)
HSLhsl(277, 19%, 50%)
HSVhsv(277, 32%, 60%)
OKLCHoklch(56.2% 0.081 311.8)
OKLaboklab(56.2% 0.0543 -0.0607)
CMYKcmyk(12.5%, 32.2%, 0%, 40.4%)
XYZxyz(20.1896, 16.9543, 31.9086)
CIE-LABlab(48.2, 21.6, -22.2)
CIE-LCHlch(48.2, 30.9, 314.3°)
Luminance0.170 (WCAG relative)
/* Dark Lavender */ --dark-lavender: #856798; color: #856798; background-color: #856798;

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

Collections: Muted Colors

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)

#775c88 #695278 #5c4868 #4f3e59 #42344a #352b3c #29222e #1e1921 #120f14 #000000

Tints (toward white)

#9175a2 #9d84ac #a992b6 #b5a1c0 #c1b0cb #cdc0d5 #dacfdf #e6dfea #f2eff4 #ffffff

Tones (toward gray)

#836894 #826a90 #806b8d #7e6c89 #7c6d85 #7a6e81 #786f7e #77707a #747176 #727272

Color harmonies

Complementary

Edit in generator →
#856798
#7A9867
#856798 #7a9867

Analogous

Edit in generator →
#6C6798
#856798
#986793
#6c6798 #856798 #986793

Triadic

Edit in generator →
#856798
#988567
#679885
#856798 #988567 #679885

Tetradic

Edit in generator →
#856798
#986C67
#7A9867
#679398
#856798 #986c67 #7a9867 #679398

Square

Edit in generator →
#856798
#986C67
#7A9867
#679398
#856798 #986c67 #7a9867 #679398

Split Complementary

Edit in generator →
#856798
#939867
#67986C
#856798 #939867 #67986c

Monochromatic

Edit in generator →
#45364F
#654E74
#856798
#A28BB1
#C0B0C9
#45364f #654e74 #856798 #a28bb1 #c0b0c9

Accessibility & contrast

4.78
#856798 on #FFFFFF
AA text AA large AAA text UI 3:1
4.39
#856798 on #000000
AA text AA large AAA text UI 3:1

Best text on dark lavender

4.78
#FFFFFF 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)
#5F719A
Deuteranopia (green-blind)
#657397
Tritanopia (blue-blind)
#836D79

Closest named colors

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

ColorNameΔE₀₀
Faded Purple #916E993.96
Dusty Purple #825F874.41
Muted Purple #805B874.89
Grey Purple #826D8C5.34
Dark Lilac #9C6DA55.70
Dull Purple #84597E7.23

Colors that go with dark lavender

Top matches by hue harmony, contrast and saturation compatibility.

3.4:1
Same hue family as dark lavender (Δh 3°) — guaranteed harmony
Eggplant #380835
3.5:1
Analogous hue (Δh ≈27°) — neighbors on the color wheel
Khaki #C3B091
2.3:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Cream #FFFDD0
4.6:1
Split-complementary angle (Δh ≈141°) — strong but softer than direct complement
Sage Green #9CAF88
2.0:1
Complementary hue (Δh ≈172°) — 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.