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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 | |
| Thin Air | #C6FCFF | 198, 252, 255 | 183°, 100%, 89% | 22, 1, 0, 0 | |
| Sparkling Lavender | #EECCFF | 238, 204, 255 | 280°, 100%, 90% | 7, 20, 0, 0 | |
| Pale Jasper | #FED6CC | 254, 214, 204 | 12°, 96%, 90% | 0, 16, 20, 0 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EECCFF on #F1FDE9 | 1.36:1 | — |
| Aa #DDFFCC on #EECCFF | 1.31:1 | — |
| Aa #C6FCFF on #EECCFF | 1.28:1 | — |
| Aa #FED6CC on #F1FDE9 | 1.27:1 | — |
| Aa #DDFFCC on #FED6CC | 1.23:1 | — |
| Aa #C6FCFF on #FED6CC | 1.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
- Herbal Vapours Complementary Color Scheme#DDFFCC#F1FDE9#EECCFF#D783FF#F8EBFC
- 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 Monochromatic Color Scheme#7FF23E#BBEE88#DDFFCC#F1FDE9#F1FDE9
More Very Light Green tetradic palettes
- Airy Fields Tetradic Color Scheme#DBE0C4#C7E0D9#CAC1E2#E2C3CF#F4F7EE
- Ambrosia Tetradic Color Scheme#C6E1BC#BCD8E2#DCBFE1#E1C3BB#F1F8EC
- Amnesiac White Tetradic Color Scheme#F8FBEB#EBFCF5#EEE9F9#F8EAED#F8FBEB
- Arabica Mint Tetradic Color Scheme#C0FFEE#D0C7FF#FFC1D0#EEF9C1#E7FAFA
- Bath Bubbles Tetradic Color Scheme#E6F2EA#E5E8F2#F1E8EC#F2F0E6#EFF5F1
- Bethlehem Superstar Tetradic Color Scheme#EAEEDA#D8EEE7#DDDCEF#EFD9E1#F4F7EE
- Blissful Serenity Tetradic Color Scheme#EAEED8#D8EEE7#DBD7F2#EEDADD#F6F7ED
- Breath of Celery Tetradic Color Scheme#DCE7CB#C9E7E3#D9CDE5#E7CCCD#F4F7EE
- Candied Snow Tetradic Color Scheme#D8FFF3#EEDDFF#FDD7E4#F9FDD9#EBFCF5
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
- Clair de Lune Tetradic Color Scheme#DBE9DF#DADEE9#E9DBE4#E9E6DC#EFF5F1
- Creamy Garlic Tetradic Color Scheme#ECEFE3#E4EEEB#E5E3EF#F0E2E4#F4F7EE
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.