Herbal Vapours Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Herbal Vapours (#DDFFCC), each snapped to its nearest named color.
#7FF23E
#BBEE88
#DDFFCC
#F1FDE9
#F1FDE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lush Greenery | #7FF23E | 127, 242, 62 | 98°, 87%, 60% | 48, 0, 74, 5 | 86.0% 0.234 137 | |
| Green Day | #BBEE88 | 187, 238, 136 | 90°, 75%, 73% | 21, 0, 43, 7 | 89.1% 0.141 131 | |
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 | 96.3% 0.076 135 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | 98.0% 0.029 133 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | 98.0% 0.029 133 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7FF23E on #F1FDE9 | 1.36:1 | — |
| Aa #7FF23E on #F1FDE9 | 1.36:1 | — |
| Aa #7FF23E on #DDFFCC | 1.31:1 | — |
| Aa #BBEE88 on #F1FDE9 | 1.27:1 | — |
| Aa #BBEE88 on #F1FDE9 | 1.27:1 | — |
| Aa #BBEE88 on #DDFFCC | 1.23:1 | — |
CSS variables
:root {
--color-1: #7ff23e; /* Lush Greenery */
--color-2: #bbee88; /* Green Day */
--color-3: #ddffcc; /* Herbal Vapours */
--color-4: #f1fde9; /* Crème de Menthe */
--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 Tetradic Color Scheme#DDFFCC#C6FCFF#EECCFF#FED6CC#F1FDE9
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Herbal Vapours?
In a monochromatic scheme: Lush Greenery (#7FF23E), Green Day (#BBEE88), Crème de Menthe (#F1FDE9), Crème de Menthe (#F1FDE9).
What is the hex code of Herbal Vapours?
#DDFFCC.