Herbal Vapours Complementary Color Scheme
Five colors arranged by the complementary rule around Herbal Vapours (#DDFFCC), each snapped to its nearest named color.
#DDFFCC
#F1FDE9
#EECCFF
#D783FF
#F8EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | |
| Sparkling Lavender | #EECCFF | 238, 204, 255 | 280°, 100%, 90% | 7, 20, 0, 0 | |
| Lavender Tea | #D783FF | 215, 131, 255 | 281°, 100%, 76% | 16, 49, 0, 0 | |
| Placebo Fuchsia | #F8EBFC | 248, 235, 252 | 286°, 74%, 95% | 2, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FDE9 on #D783FF | 2.33:1 | — |
| Aa #DDFFCC on #D783FF | 2.24:1 | — |
| Aa #D783FF on #F8EBFC | 2.13:1 | — |
| Aa #EECCFF on #D783FF | 1.72:1 | — |
| Aa #F1FDE9 on #EECCFF | 1.36:1 | — |
| Aa #DDFFCC on #EECCFF | 1.31:1 | — |
CSS variables
:root {
--color-1: #ddffcc; /* Herbal Vapours */
--color-2: #f1fde9; /* Crème de Menthe */
--color-3: #eeccff; /* Sparkling Lavender */
--color-4: #d783ff; /* Lavender Tea */
--color-5: #f8ebfc; /* Placebo Fuchsia */
}Other schemes from Herbal Vapours
- Herbal Vapours Analogous Color Scheme#FFEECC#FEFFCC#DDFFCC#CCFFDD#CCFFEE
- 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 complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Herbal Vapours?
In a complementary scheme: Crème de Menthe (#F1FDE9), Sparkling Lavender (#EECCFF), Lavender Tea (#D783FF), Placebo Fuchsia (#F8EBFC).
What is the hex code of Herbal Vapours?
#DDFFCC.