neutralneutralCC0 survey name

Light Grey #D8DCD6

Light Grey is a light, muted neutral color (#D8DCD6; HSL 100° 8% 85%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light grey”.

Use cases: Backgrounds · Typography

Open in generator →

Families: Silver Colors · Platinum Colors

Color values

FormatValue
HEX#D8DCD6
RGBrgb(216, 220, 214)
HSLhsl(100, 8%, 85%)
HSVhsv(100, 3%, 86%)
OKLCHoklch(88.97% 0.009 134.9)
OKLaboklab(88.97% -0.0065 0.0065)
CMYKcmyk(1.8%, 0%, 2.7%, 13.7%)
XYZxyz(66.0477, 70.6403, 73.7607)
CIE-LABlab(87.3, -2.4, 2.5)
CIE-LCHlch(87.3, 3.5, 134.6°)
Luminance0.706 (WCAG relative)
/* Light Grey */ --light-grey: #d8dcd6; color: #d8dcd6; background-color: #d8dcd6;

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

Collections: Warm Gray Colors · Neutral 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)

#c0c4be #a9aca7 #929490 #7b7e7a #666865 #515351 #3d3e3d #2a2b2a #191919 #000000

Tints (toward white)

#dcdfda #e0e3de #e4e6e2 #e7eae6 #ebedea #eff1ee #f3f4f3 #f7f8f7 #fbfbfb #ffffff

Tones (toward gray)

#d8dcd6 #d9dcd7 #d9dcd7 #d9dbd8 #d9dbd8 #dadbd9 #dadbd9 #dadbda #dadbda #dbdbdb

Color harmonies

Complementary

Edit in generator →
#D8DCD6
#DAD6DC
#d8dcd6 #dad6dc

Analogous

Edit in generator →
#DBDCD6
#D8DCD6
#D6DCD7
#dbdcd6 #d8dcd6 #d6dcd7

Triadic

Edit in generator →
#D8DCD6
#D6D8DC
#DCD6D8
#d8dcd6 #d6d8dc #dcd6d8

Tetradic

Edit in generator →
#D8DCD6
#D6DBDC
#DAD6DC
#DCD7D6
#d8dcd6 #d6dbdc #dad6dc #dcd7d6

Square

Edit in generator →
#D8DCD6
#D6DBDC
#DAD6DC
#DCD7D6
#d8dcd6 #d6dbdc #dad6dc #dcd7d6

Split Complementary

Edit in generator →
#D8DCD6
#D7D6DC
#DCD6DB
#d8dcd6 #d7d6dc #dcd6db

Monochromatic

Edit in generator →
#99A494
#B9C0B5
#D8DCD6
#EFF1EE
#EFF1EE
#99a494 #b9c0b5 #d8dcd6 #eff1ee #eff1ee

Accessibility & contrast

1.39
#D8DCD6 on #FFFFFF
AA text AA large AAA text UI 3:1
15.13
#D8DCD6 on #000000
AA text AA large AAA text UI 3:1

Best text on light grey

15.13
#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)
#DDDBD6
Deuteranopia (green-blind)
#DCDBD6
Tritanopia (blue-blind)
#D8DBDA

Closest named colors

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

ColorNameΔE₀₀
Gainsboro #DCDCDC4.02
Light Gray #D3D3D34.39
Fog #D8DCE05.28
Whitesmoke #F5F5F56.95
Off White #FAF9F67.21
Eggshell #F0EAD67.38

Colors that go with light grey

Top matches by hue harmony, contrast and saturation compatibility.

Forest Green #2D5A27
5.8:1
Analogous hue (Δh ≈13°) — neighbors on the color wheel
Hunter Green #355E3B
5.4:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Navy Blue #1B2A4A
10.3:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Midnight #03012D
14.5:1
Split-complementary angle (Δh ≈143°) — strong but softer than direct complement
Midnight Purple #280137
13.2: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.