Mellow Mint Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mellow Mint (#DDEDBD), each snapped to its nearest named color.
#DDEDBD
#BFC0EE
#EEBBEE
#BFDB89
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mellow Mint | #DDEDBD | 221, 237, 189 | 80°, 57%, 84% | 7, 0, 20, 7 | 92.2% 0.065 123 | |
| Vodka | #BFC0EE | 191, 192, 238 | 239°, 58%, 84% | 20, 19, 0, 7 | 82.2% 0.064 284 | |
| Lovecloud | #EEBBEE | 238, 187, 238 | 300°, 60%, 83% | 0, 21, 0, 7 | 85.3% 0.089 326 | |
| Pancotto Pugliese | #BFDB89 | 191, 219, 137 | 80°, 53%, 70% | 13, 0, 37, 14 | 85.2% 0.111 124 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 | 94.9% 0.014 255 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BFC0EE on #E8EFF8 | 1.51:1 | — |
| Aa #DDEDBD on #BFC0EE | 1.41:1 | — |
| Aa #EEBBEE on #E8EFF8 | 1.40:1 | — |
| Aa #BFDB89 on #E8EFF8 | 1.32:1 | — |
| Aa #DDEDBD on #EEBBEE | 1.30:1 | — |
| Aa #DDEDBD on #BFDB89 | 1.23:1 | — |
CSS variables
:root {
--color-1: #ddedbd; /* Mellow Mint */
--color-2: #bfc0ee; /* Vodka */
--color-3: #eebbee; /* Lovecloud */
--color-4: #bfdb89; /* Pancotto Pugliese */
--color-5: #e8eff8; /* First Snow */
}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 Tetradic Color Scheme#DDEDBD#BDE9E5#CCBBEE#ECBFC9#F6FCEB
- Mellow Mint Monochromatic Color Scheme#9BCA47#BFDB89#DDEDBD#F6FCEB#F6FCEB
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 Mellow Mint?
In a split-complementary scheme: Vodka (#BFC0EE), Lovecloud (#EEBBEE), Pancotto Pugliese (#BFDB89), First Snow (#E8EFF8).
What is the hex code of Mellow Mint?
#DDEDBD.