Huebook

Herbal Vapours Tetradic Color Scheme

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

#DDFFCC
#C6FCFF
#EECCFF
#FED6CC
#F1FDE9

Color names and codes

NameHEXRGBHSLCMYK
Herbal Vapours#DDFFCC221, 255, 204100°, 100%, 90%13, 0, 20, 0
Thin Air#C6FCFF198, 252, 255183°, 100%, 89%22, 1, 0, 0
Sparkling Lavender#EECCFF238, 204, 255280°, 100%, 90%7, 20, 0, 0
Pale Jasper#FED6CC254, 214, 20412°, 96%, 90%0, 16, 20, 0
Crème de Menthe#F1FDE9241, 253, 23396°, 83%, 95%5, 0, 8, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EECCFF on #F1FDE91.36:1—
Aa #DDFFCC on #EECCFF1.31:1—
Aa #C6FCFF on #EECCFF1.28:1—
Aa #FED6CC on #F1FDE91.27:1—
Aa #DDFFCC on #FED6CC1.23:1—
Aa #C6FCFF on #FED6CC1.20:1—

CSS variables

:root {
  --color-1: #ddffcc; /* Herbal Vapours */
  --color-2: #c6fcff; /* Thin Air */
  --color-3: #eeccff; /* Sparkling Lavender */
  --color-4: #fed6cc; /* Pale Jasper */
  --color-5: #f1fde9; /* Crème de Menthe */
}

Other schemes from Herbal Vapours

More Very Light Green tetradic palettes

Questions

What colors go with Herbal Vapours?

In a tetradic scheme: Thin Air (#C6FCFF), Sparkling Lavender (#EECCFF), Pale Jasper (#FED6CC), Crème de Menthe (#F1FDE9).

What is the hex code of Herbal Vapours?

#DDFFCC.