neutralcool

Fog #D8DCE0

A pale cool gray like morning fog; a quiet alternative to white for large surfaces.

Use cases: Backgrounds · Calm UI

Open in generator →Colors that go with fog →

Families: Blues · Silver Colors

Color values

FormatValue
HEX#D8DCE0
RGBrgb(216, 220, 224)
HSLhsl(210, 11%, 86%)
HSVhsv(210, 4%, 88%)
OKLCHoklch(89.26% 0.007 247.9)
OKLaboklab(89.26% -0.0026 -0.0065)
CMYKcmyk(3.6%, 1.8%, 0%, 12.2%)
XYZxyz(67.3642, 71.1669, 80.6942)
CIE-LABlab(87.6, -0.6, -2.4)
CIE-LCHlch(87.6, 2.5, 255.9°)
Luminance0.712 (WCAG relative)
/* Fog */ --fog: #d8dce0; color: #d8dce0; background-color: #d8dce0;

Source: Tintiva editorial record. CSS keyword: fog.

Collections: Cool Gray 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)

#c0c4c7 #a9acaf #929497 #7b7e80 #666869 #515354 #3d3e3f #2a2b2c #191919 #000000

Tints (toward white)

#dcdfe3 #e0e3e6 #e4e6e9 #e7eaec #ebedef #eff1f3 #f3f4f6 #f7f8f9 #fbfbfc #ffffff

Tones (toward gray)

#d8dce0 #d9dcdf #d9dcdf #d9dcde #dadcde #dadcdd #dadcdd #dbdcdc #dbdcdc #dbdbdb

Color harmonies

Complementary

Edit in generator →
#D8DCE0
#E0DCD8
#d8dce0 #e0dcd8

Analogous

Edit in generator →
#D8E0E0
#D8DCE0
#D8D8E0
#d8e0e0 #d8dce0 #d8d8e0

Triadic

Edit in generator →
#D8DCE0
#E0D8DC
#DCE0D8
#d8dce0 #e0d8dc #dce0d8

Tetradic

Edit in generator →
#D8DCE0
#E0D8E0
#E0DCD8
#D8E0D8
#d8dce0 #e0d8e0 #e0dcd8 #d8e0d8

Square

Edit in generator →
#D8DCE0
#E0D8E0
#E0DCD8
#D8E0D8
#d8dce0 #e0d8e0 #e0dcd8 #d8e0d8

Split Complementary

Edit in generator →
#D8DCE0
#E0D8D8
#E0E0D8
#d8dce0 #e0d8d8 #e0e0d8

Monochromatic

Edit in generator →
#949FAA
#B6BDC5
#D8DCE0
#EEF0F1
#EEF0F1
#949faa #b6bdc5 #d8dce0 #eef0f1 #eef0f1

Accessibility & contrast

1.38
#D8DCE0 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
15.23
#D8DCE0 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on fog

15.23
#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)
#DBDCE0
Deuteranopia (green-blind)
#DADBE0
Tritanopia (blue-blind)
#D6DDDD

Closest named colors

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

ColorNameΔE₀₀
Gainsboro #DCDCDC2.46
Light Gray #D3D3D33.14
Light Grey #D8DCD65.28
Whitesmoke #F5F5F56.03
Aliceblue #F0F8FF6.17
Ghostwhite #F8F8FF6.83
Light Gray
perceptual
Silver
perceptual
Off White
perceptual
White
perceptual
Dove Gray
perceptual
Eggshell
perceptual
Warm Beige
perceptual
Ivory
perceptual

Palettes with fog

Neutral Color Palette

Wedding Color Palette

Minimal Color Palette

White Color Palette

Colors that go with fog

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Charcoal #36454F
7.2:1
Same hue family as fog (Δh 6°) — guaranteed harmony
6.5:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Forest Green #2D5A27
5.8:1
Text-safe contrast with the anchor (5.85:1, passes WCAG AA)
Beige #F5F5DC
1.3:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Espresso #4B382A
8.0:1
Complementary hue (Δh ≈175°) — 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.