Peppermint Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Peppermint (#D7E7D0), each snapped to its nearest named color.
#D7E7D0
#D7D1E9
#E7CEE3
#AFCA9D
#EBECF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Peppermint | #D7E7D0 | 215, 231, 208 | 102°, 32%, 86% | 7, 0, 10, 9 | 91.0% 0.035 136 | |
| Air Castle | #D7D1E9 | 215, 209, 233 | 255°, 35%, 87% | 8, 10, 0, 9 | 87.3% 0.033 297 | |
| Sweety Pie | #E7CEE3 | 231, 206, 227 | 310°, 34%, 86% | 0, 11, 2, 9 | 87.8% 0.039 331 | |
| Desert Cactus | #AFCA9D | 175, 202, 157 | 96°, 30%, 70% | 13, 0, 22, 21 | 80.7% 0.068 133 | |
| Silver Phoenix | #EBECF5 | 235, 236, 245 | 234°, 33%, 94% | 4, 4, 0, 4 | 94.5% 0.012 281 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AFCA9D on #EBECF5 | 1.52:1 | — |
| Aa #D7E7D0 on #AFCA9D | 1.38:1 | — |
| Aa #D7D1E9 on #EBECF5 | 1.26:1 | — |
| Aa #E7CEE3 on #EBECF5 | 1.25:1 | — |
| Aa #E7CEE3 on #AFCA9D | 1.22:1 | — |
| Aa #D7D1E9 on #AFCA9D | 1.21:1 | — |
CSS variables
:root {
--color-1: #d7e7d0; /* Peppermint */
--color-2: #d7d1e9; /* Air Castle */
--color-3: #e7cee3; /* Sweety Pie */
--color-4: #afca9d; /* Desert Cactus */
--color-5: #ebecf5; /* Silver Phoenix */
}Other schemes from Peppermint
- Peppermint Complementary Color Scheme#D7E7D0#F2F8ED#E6CEE6#BB9ECD#F8EEF4
- Peppermint Analogous Color Scheme#E7E0CF#E3E7D1#D7E7D0#D1E6D5#D2E8E0
- Peppermint Triadic Color Scheme#D7E7D0#CED6E6#E8D2D6#F2F8ED#9EABD0
- Peppermint Tetradic Color Scheme#D7E7D0#D0E2E8#E6CEE6#E8D3D1#F2F8ED
- Peppermint Monochromatic Color Scheme#87B369#AFCA9D#D7E7D0#F2F8ED#F2F8ED
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 Peppermint?
In a split-complementary scheme: Air Castle (#D7D1E9), Sweety Pie (#E7CEE3), Desert Cactus (#AFCA9D), Silver Phoenix (#EBECF5).
What is the hex code of Peppermint?
#D7E7D0.