Herbal Vapours Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Herbal Vapours (#DDFFCC), each snapped to its nearest named color.
#DDFFCC
#D0C7FF
#FCCCF5
#BBEE88
#E6E6FA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 | 96.3% 0.076 135 | |
| Innocent Snowdrop | #D0C7FF | 208, 199, 255 | 250°, 100%, 89% | 18, 22, 0, 0 | 85.6% 0.078 292 | |
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | 89.9% 0.076 331 | |
| Green Day | #BBEE88 | 187, 238, 136 | 90°, 75%, 73% | 21, 0, 43, 7 | 89.1% 0.141 131 | |
| Cyber Lavender | #E6E6FA | 230, 230, 250 | 240°, 67%, 94% | 8, 8, 0, 2 | 93.1% 0.027 286 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDFFCC on #D0C7FF | 1.45:1 | — |
| Aa #D0C7FF on #E6E6FA | 1.28:1 | — |
| Aa #DDFFCC on #FCCCF5 | 1.28:1 | — |
| Aa #DDFFCC on #BBEE88 | 1.23:1 | — |
| Aa #D0C7FF on #BBEE88 | 1.18:1 | — |
| Aa #D0C7FF on #FCCCF5 | 1.14:1 | — |
CSS variables
:root {
--color-1: #ddffcc; /* Herbal Vapours */
--color-2: #d0c7ff; /* Innocent Snowdrop */
--color-3: #fcccf5; /* Kissed by Mist */
--color-4: #bbee88; /* Green Day */
--color-5: #e6e6fa; /* Cyber Lavender */
}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 Tetradic Color Scheme#DDFFCC#C6FCFF#EECCFF#FED6CC#F1FDE9
- Herbal Vapours Monochromatic Color Scheme#7FF23E#BBEE88#DDFFCC#F1FDE9#F1FDE9
More very light green split-complementary color schemes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Herbal Vapours?
In a split-complementary scheme: Innocent Snowdrop (#D0C7FF), Kissed by Mist (#FCCCF5), Green Day (#BBEE88), Cyber Lavender (#E6E6FA).
What is the hex code of Herbal Vapours?
#DDFFCC.