Huebook

Foggy Day Analogous Color Scheme

Five colors arranged by the analogous rule around Foggy Day (#E7E3DB), each snapped to its nearest named color.

#E9DBDF
#E8DEDA
#E7E3DB
#E5E8D9
#DFEADB

Color names and codes

NameHEXRGBHSLCMYK
Relieved Red#E9DBDF233, 219, 223343°, 24%, 89%0, 6, 4, 9
Memories#E8DEDA232, 222, 21817°, 23%, 88%0, 4, 6, 9
Foggy Day#E7E3DB231, 227, 21940°, 20%, 88%0, 2, 5, 9
Shy Green#E5E8D9229, 232, 21772°, 25%, 88%1, 0, 6, 9
Mint Emulsion#DFEADB223, 234, 219104°, 26%, 89%5, 0, 6, 8

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E9DBDF on #DFEADB1.08:1—
Aa #E9DBDF on #E5E8D91.08:1—
Aa #E8DEDA on #DFEADB1.07:1—
Aa #E8DEDA on #E5E8D91.06:1—
Aa #E9DBDF on #E7E3DB1.05:1—
Aa #E8DEDA on #E7E3DB1.03:1—

CSS variables

:root {
  --color-1: #e9dbdf; /* Relieved Red */
  --color-2: #e8deda; /* Memories */
  --color-3: #e7e3db; /* Foggy Day */
  --color-4: #e5e8d9; /* Shy Green */
  --color-5: #dfeadb; /* Mint Emulsion */
}

Other schemes from Foggy Day

More Very Light Orange analogous palettes

Questions

What colors go with Foggy Day?

In a analogous scheme: Relieved Red (#E9DBDF), Memories (#E8DEDA), Shy Green (#E5E8D9), Mint Emulsion (#DFEADB).

What is the hex code of Foggy Day?

#E7E3DB.