Peppermint Complementary Color Scheme
Five colors arranged by the complementary rule around Peppermint (#D7E7D0), each snapped to its nearest named color.
#D7E7D0
#F2F8ED
#E6CEE6
#BB9ECD
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Peppermint | #D7E7D0 | 215, 231, 208 | 102°, 32%, 86% | 7, 0, 10, 9 | |
| Unwind | #F2F8ED | 242, 248, 237 | 93°, 44%, 95% | 2, 0, 4, 3 | |
| Footie Pyjamas | #E6CEE6 | 230, 206, 230 | 300°, 32%, 85% | 0, 10, 0, 10 | |
| Turnip Crown | #BB9ECD | 187, 158, 205 | 277°, 32%, 71% | 9, 23, 0, 20 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F2F8ED on #BB9ECD | 2.19:1 | — |
| Aa #BB9ECD on #F8EEF4 | 2.09:1 | — |
| Aa #D7E7D0 on #BB9ECD | 1.83:1 | — |
| Aa #E6CEE6 on #BB9ECD | 1.61:1 | — |
| Aa #F2F8ED on #E6CEE6 | 1.36:1 | — |
| Aa #E6CEE6 on #F8EEF4 | 1.29:1 | — |
CSS variables
:root {
--color-1: #d7e7d0; /* Peppermint */
--color-2: #f2f8ed; /* Unwind */
--color-3: #e6cee6; /* Footie Pyjamas */
--color-4: #bb9ecd; /* Turnip Crown */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Peppermint
- Peppermint Analogous Color Scheme#E7E0CF#E3E7D1#D7E7D0#D1E6D5#D2E8E0
- Peppermint Triadic Color Scheme#D7E7D0#CED6E6#E8D2D6#F2F8ED#9EABD0
- Peppermint Split-complementary Color Scheme#D7E7D0#D7D1E9#E7CEE3#AFCA9D#EBECF5
- Peppermint Tetradic Color Scheme#D7E7D0#D0E2E8#E6CEE6#E8D3D1#F2F8ED
- Peppermint Monochromatic Color Scheme#87B369#AFCA9D#D7E7D0#F2F8ED#F2F8ED
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 Peppermint?
In a complementary scheme: Unwind (#F2F8ED), Footie Pyjamas (#E6CEE6), Turnip Crown (#BB9ECD), Sentimental Pink (#F8EEF4).
What is the hex code of Peppermint?
#D7E7D0.