Huebook

Fog Tetradic Color Scheme

Five colors arranged by the tetradic rule around Fog (#D6D7D2), each snapped to its nearest named color.

#D6D7D2
#C8DDDA
#CFC9DF
#DFC9D1
#F4F4F0

Color names and codes

NameHEXRGBHSLCMYK
Fog#D6D7D2214, 215, 21072°, 6%, 83%0, 0, 2, 16
Sunken Pool#C8DDDA200, 221, 218171°, 24%, 83%10, 0, 1, 13
Dust of the Moon#CFC9DF207, 201, 223256°, 26%, 83%7, 10, 0, 13
French Lavender#DFC9D1223, 201, 209338°, 26%, 83%0, 10, 6, 13
Classic Chalk#F4F4F0244, 244, 24060°, 15%, 95%0, 0, 2, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CFC9DF on #F4F4F01.46:1—
Aa #DFC9D1 on #F4F4F01.42:1—
Aa #D6D7D2 on #F4F4F01.31:1—
Aa #C8DDDA on #F4F4F01.29:1—
Aa #C8DDDA on #CFC9DF1.13:1—
Aa #D6D7D2 on #CFC9DF1.11:1—

CSS variables

:root {
  --color-1: #d6d7d2; /* Fog */
  --color-2: #c8ddda; /* Sunken Pool */
  --color-3: #cfc9df; /* Dust of the Moon */
  --color-4: #dfc9d1; /* French Lavender */
  --color-5: #f4f4f0; /* Classic Chalk */
}

Other schemes from Fog

More Very Light Gray tetradic palettes

Questions

What colors go with Fog?

In a tetradic scheme: Sunken Pool (#C8DDDA), Dust of the Moon (#CFC9DF), French Lavender (#DFC9D1), Classic Chalk (#F4F4F0).

What is the hex code of Fog?

#D6D7D2.