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

NameHEXRGBHSLCMYK
Coconut Aroma#EEEEDD238, 238, 22160°, 33%, 90%0, 0, 7, 7
Chrome Green#E7EDDD231, 237, 22183°, 31%, 90%3, 0, 7, 7
Vanishing Point#DDEEDD221, 238, 221120°, 33%, 90%7, 0, 7, 7
Shattered Ice#DAEEE6218, 238, 230156°, 37%, 89%8, 0, 3, 7
White Glaze#DDEEEE221, 238, 238180°, 33%, 90%7, 0, 0, 7

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 palettes

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.