Huebook

Herbal Vapours Analogous Color Scheme

Five colors arranged by the analogous rule around Herbal Vapours (#DDFFCC), each snapped to its nearest named color.

#FFEECC
#FEFFCC
#DDFFCC
#CCFFDD
#CCFFEE

Color names and codes

NameHEXRGBHSLCMYK
Milk Froth#FFEECC255, 238, 20440°, 100%, 90%0, 7, 20, 0
Polyanthus Narcissus#FEFFCC254, 255, 20461°, 100%, 90%0, 0, 20, 0
Herbal Vapours#DDFFCC221, 255, 204100°, 100%, 90%13, 0, 20, 0
Mint Zest#CCFFDD204, 255, 221140°, 100%, 90%20, 0, 13, 0
Mint Coffee#CCFFEE204, 255, 238160°, 100%, 90%20, 0, 7, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFEECC on #FEFFCC1.11:1—
Aa #FEFFCC on #CCFFDD1.08:1—
Aa #FEFFCC on #CCFFEE1.07:1—
Aa #FEFFCC on #DDFFCC1.06:1—
Aa #FFEECC on #DDFFCC1.05:1—
Aa #FFEECC on #CCFFEE1.04:1—

CSS variables

:root {
  --color-1: #ffeecc; /* Milk Froth */
  --color-2: #feffcc; /* Polyanthus Narcissus */
  --color-3: #ddffcc; /* Herbal Vapours */
  --color-4: #ccffdd; /* Mint Zest */
  --color-5: #ccffee; /* Mint Coffee */
}

Other schemes from Herbal Vapours

More Very Light Green analogous palettes

Questions

What colors go with Herbal Vapours?

In a analogous scheme: Milk Froth (#FFEECC), Polyanthus Narcissus (#FEFFCC), Mint Zest (#CCFFDD), Mint Coffee (#CCFFEE).

What is the hex code of Herbal Vapours?

#DDFFCC.