#D8DCD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d8dcd6 is an ultra-light, bleached grey with a distinct, cool green undertone. Because it is highly desaturated, it functions best as a spacious background or neutral base rather than an accent. This shade provides excellent contrast for black typography, making it a reliable choice for clean UI design. Use it when pure white feels too stark but you still need a bright, open aesthetic.
About Light Grey
Fog on a north-facing window, first light
What does light grey mean?
Light Grey often signals neutrality, quiet, and things left unfinished or faded by time and weather. Almost white with barely any color in it, this grey reads airy, soft, and faintly cool.
Where you see light grey
- concrete walls
- unbleached linen
- sea glass
- river stones
- dried eucalyptus
- plaster
What it works for
It works as a background that lets photos and saturated colors carry the weight of a layout.
What colors go with light grey?
Terracotta #e2725bThe pale grey cools the terracotta's heat without dimming it.Forest Green #154406A faint green cast in the grey ties the two together naturally.Mustard #ffdb58Mustard supplies the saturation this washed-out grey lacks.Charcoal #36454fNear-white against near-black gives clean structure to both.Dusty Rose #b56f76Both colors sit low in saturation, so neither one competes.Navy #000080The light grey lifts navy and keeps it from feeling heavy.
Questions about Light Grey
What is the hex code for Light Grey?
Light Grey is #d8dcd6. In RGB that is rgb(216, 220, 214), in HSL hsl(100, 8%, 85%) and in CMYK 2%, 0%, 3%, 14%.
Why does #d8dcd6 feel slightly cool or green?
While it appears as a neutral grey at first glance, the specific mix of color channels creates a subtle, desaturated mint influence. This makes #d8dcd6 feel cooler and more organic than a standard, flat technical grey, which can sometimes appear sterile or lifeless in large applications.
Is Light Grey readable on white or black?
Light Grey has a 1.38:1 contrast ratio on white and 15.12:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.