Mellow Mint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Mellow Mint (#DDEDBD), each snapped to its nearest named color.
#9BCA47
#BFDB89
#DDEDBD
#F6FCEB
#F6FCEB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Wicked Green | #9BCA47 | 155, 202, 71 | 82°, 55%, 54% | 23, 0, 65, 21 | 78.0% 0.166 127 | |
| Pancotto Pugliese | #BFDB89 | 191, 219, 137 | 80°, 53%, 70% | 13, 0, 37, 14 | 85.2% 0.111 124 | |
| Mellow Mint | #DDEDBD | 221, 237, 189 | 80°, 57%, 84% | 7, 0, 20, 7 | 92.2% 0.065 123 | |
| Placebo Lime | #F6FCEB | 246, 252, 235 | 81°, 74%, 95% | 2, 0, 7, 1 | 98.2% 0.023 123 | |
| Placebo Lime | #F6FCEB | 246, 252, 235 | 81°, 74%, 95% | 2, 0, 7, 1 | 98.2% 0.023 123 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BCA47 on #F6FCEB | 1.83:1 | — |
| Aa #9BCA47 on #F6FCEB | 1.83:1 | — |
| Aa #9BCA47 on #DDEDBD | 1.55:1 | — |
| Aa #BFDB89 on #F6FCEB | 1.46:1 | — |
| Aa #BFDB89 on #F6FCEB | 1.46:1 | — |
| Aa #9BCA47 on #BFDB89 | 1.25:1 | — |
CSS variables
:root {
--color-1: #9bca47; /* Wicked Green */
--color-2: #bfdb89; /* Pancotto Pugliese */
--color-3: #ddedbd; /* Mellow Mint */
--color-4: #f6fceb; /* Placebo Lime */
--color-5: #f6fceb; /* Placebo Lime */
}Other schemes from Mellow Mint
- Mellow Mint Complementary Color Scheme#DDEDBD#F6FCEB#CCBBEE#8A83DA#F0EBFC
- Mellow Mint Analogous Color Scheme#EBCEBD#EDE5BC#DDEDBD#C2ECBC#BBEFD3
- Mellow Mint Triadic Color Scheme#DDEDBD#BBDDEE#EFBCDE#F6FCEB#82BADF
- Mellow Mint Split-complementary Color Scheme#DDEDBD#BFC0EE#EEBBEE#BFDB89#E8EFF8
- Mellow Mint Tetradic Color Scheme#DDEDBD#BDE9E5#CCBBEE#ECBFC9#F6FCEB
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 Mellow Mint?
In a monochromatic scheme: Wicked Green (#9BCA47), Pancotto Pugliese (#BFDB89), Placebo Lime (#F6FCEB), Placebo Lime (#F6FCEB).
What is the hex code of Mellow Mint?
#DDEDBD.