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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Milk Froth | #FFEECC | 255, 238, 204 | 40°, 100%, 90% | 0, 7, 20, 0 | |
| Polyanthus Narcissus | #FEFFCC | 254, 255, 204 | 61°, 100%, 90% | 0, 0, 20, 0 | |
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 | |
| Mint Zest | #CCFFDD | 204, 255, 221 | 140°, 100%, 90% | 20, 0, 13, 0 | |
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFEECC on #FEFFCC | 1.11:1 | — |
| Aa #FEFFCC on #CCFFDD | 1.08:1 | — |
| Aa #FEFFCC on #CCFFEE | 1.07:1 | — |
| Aa #FEFFCC on #DDFFCC | 1.06:1 | — |
| Aa #FFEECC on #DDFFCC | 1.05:1 | — |
| Aa #FFEECC on #CCFFEE | 1.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
- Herbal Vapours Complementary Color Scheme#DDFFCC#F1FDE9#EECCFF#D783FF#F8EBFC
- Herbal Vapours Triadic Color Scheme#DDFFCC#CCDDFF#FFCCDD#F1FDE9#8AADF7
- Herbal Vapours Split-complementary Color Scheme#DDFFCC#D0C7FF#FCCCF5#BBEE88#E6E6FA
- Herbal Vapours Tetradic Color Scheme#DDFFCC#C6FCFF#EECCFF#FED6CC#F1FDE9
- Herbal Vapours Monochromatic Color Scheme#7FF23E#BBEE88#DDFFCC#F1FDE9#F1FDE9
More Very Light Green analogous palettes
- Airy Fields Analogous Color Scheme#E0C9C4#E0D8C5#DBE0C4#CCE1C7#C1E0C8
- Ambrosia Analogous Color Scheme#E1D8BB#D7E2BC#C6E1BC#BDE1C4#BDE1D8
- Amnesiac White Analogous Color Scheme#F9ECEA#FCF5EB#F8FBEB#F1FAEA#EBFCEC
- Arabica Mint Analogous Color Scheme#CCFFC2#C1FDC9#C0FFEE#C7F1FF#CCD5FF
- Bath Bubbles Analogous Color Scheme#EEF3E5#E7F1E6#E6F2EA#E6F1F1#E5EDF1
- Bethlehem Superstar Analogous Color Scheme#EEDED8#EEE8D9#EAEEDA#E1ECD9#DDEEDD
- Blissful Serenity Analogous Color Scheme#EDDBD7#EDE7D7#EAEED8#DFEDDA#D6EEDD
- Breath of Celery Analogous Color Scheme#E6D6CD#E9E3CB#DCE7CB#CFE7CB#C9EAD4
- Candied Snow Analogous Color Scheme#E9FFDB#DFFAE1#D8FFF3#DEF7FE#D4EAFF
- Caribbean Analogous Color Scheme#D8F1CB#C9F0D1#CAF0E5#CBEAEE#CBD7ED
- Clair de Lune Analogous Color Scheme#E4E8DA#DFEADB#DBE9DF#D9E9E5#DAE6E9
- Creamy Garlic Analogous Color Scheme#EFE6E1#EFECE3#ECEFE3#E8F0E2#E4EFE5
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.