Mellow Mint Complementary Color Scheme
Five colors arranged by the complementary rule around Mellow Mint (#DDEDBD), each snapped to its nearest named color.
#DDEDBD
#F6FCEB
#CCBBEE
#8A83DA
#F0EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mellow Mint | #DDEDBD | 221, 237, 189 | 80°, 57%, 84% | 7, 0, 20, 7 | |
| Placebo Lime | #F6FCEB | 246, 252, 235 | 81°, 74%, 95% | 2, 0, 7, 1 | |
| Connecticut Lilac | #CCBBEE | 204, 187, 238 | 260°, 60%, 83% | 14, 21, 0, 7 | |
| Indigo Bloom | #8A83DA | 138, 131, 218 | 245°, 54%, 68% | 37, 40, 0, 15 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6FCEB on #8A83DA | 3.16:1 | AA large |
| Aa #8A83DA on #F0EBFC | 2.84:1 | — |
| Aa #DDEDBD on #8A83DA | 2.67:1 | — |
| Aa #CCBBEE on #8A83DA | 1.88:1 | — |
| Aa #F6FCEB on #CCBBEE | 1.68:1 | — |
| Aa #CCBBEE on #F0EBFC | 1.51:1 | — |
CSS variables
:root {
--color-1: #ddedbd; /* Mellow Mint */
--color-2: #f6fceb; /* Placebo Lime */
--color-3: #ccbbee; /* Connecticut Lilac */
--color-4: #8a83da; /* Indigo Bloom */
--color-5: #f0ebfc; /* Placebo Purple */
}Other schemes from Mellow Mint
- 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
- Mellow Mint Monochromatic Color Scheme#9BCA47#BFDB89#DDEDBD#F6FCEB#F6FCEB
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Mellow Mint?
In a complementary scheme: Placebo Lime (#F6FCEB), Connecticut Lilac (#CCBBEE), Indigo Bloom (#8A83DA), Placebo Purple (#F0EBFC).
What is the hex code of Mellow Mint?
#DDEDBD.