Huebook

Vanishing Point Analogous Color Scheme

Five colors arranged by the analogous rule around Vanishing Point (#DDEEDD), each snapped to its nearest named color.

#EEEEDD
#E7EDDD
#DDEEDD
#DAEEE6
#DDEEEE

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Coconut Aroma#EEEEDD238, 238, 22160°, 33%, 90%0, 0, 7, 794.5% 0.022 107
Chrome Green#E7EDDD231, 237, 22183°, 31%, 90%3, 0, 7, 793.7% 0.022 124
Vanishing Point#DDEEDD221, 238, 221120°, 33%, 90%7, 0, 7, 793.2% 0.029 145
Shattered Ice#DAEEE6218, 238, 230156°, 37%, 89%8, 0, 3, 793.2% 0.024 170
White Glaze#DDEEEE221, 238, 238180°, 33%, 90%7, 0, 0, 793.7% 0.018 197

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EEEEDD on #DDEEDD1.03:1—
Aa #EEEEDD on #DAEEE61.03:1—
Aa #EEEEDD on #DDEEEE1.02:1—
Aa #EEEEDD on #E7EDDD1.02:1—
Aa #E7EDDD on #DDEEDD1.01:1—
Aa #E7EDDD on #DAEEE61.01:1—

CSS variables

:root {
  --color-1: #eeeedd; /* Coconut Aroma */
  --color-2: #e7eddd; /* Chrome Green */
  --color-3: #ddeedd; /* Vanishing Point */
  --color-4: #daeee6; /* Shattered Ice */
  --color-5: #ddeeee; /* White Glaze */
}

Other schemes from Vanishing Point

More very light green analogous color schemes

Questions

What colors go with Vanishing Point?

In a analogous scheme: Coconut Aroma (#EEEEDD), Chrome Green (#E7EDDD), Shattered Ice (#DAEEE6), White Glaze (#DDEEEE).

What is the hex code of Vanishing Point?

#DDEEDD.