Peppermint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Peppermint (#D7E7D0), each snapped to its nearest named color.
#87B369
#AFCA9D
#D7E7D0
#F2F8ED
#F2F8ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Nasturtium Leaf | #87B369 | 135, 179, 105 | 96°, 33%, 56% | 25, 0, 41, 30 | 71.7% 0.112 134 | |
| Desert Cactus | #AFCA9D | 175, 202, 157 | 96°, 30%, 70% | 13, 0, 22, 21 | 80.7% 0.068 133 | |
| Peppermint | #D7E7D0 | 215, 231, 208 | 102°, 32%, 86% | 7, 0, 10, 9 | 91.0% 0.035 136 | |
| Unwind | #F2F8ED | 242, 248, 237 | 93°, 44%, 95% | 2, 0, 4, 3 | 97.2% 0.016 130 | |
| Unwind | #F2F8ED | 242, 248, 237 | 93°, 44%, 95% | 2, 0, 4, 3 | 97.2% 0.016 130 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #87B369 on #F2F8ED | 2.24:1 | — |
| Aa #87B369 on #F2F8ED | 2.24:1 | — |
| Aa #87B369 on #D7E7D0 | 1.87:1 | — |
| Aa #AFCA9D on #F2F8ED | 1.65:1 | — |
| Aa #AFCA9D on #F2F8ED | 1.65:1 | — |
| Aa #AFCA9D on #D7E7D0 | 1.38:1 | — |
CSS variables
:root {
--color-1: #87b369; /* Nasturtium Leaf */
--color-2: #afca9d; /* Desert Cactus */
--color-3: #d7e7d0; /* Peppermint */
--color-4: #f2f8ed; /* Unwind */
--color-5: #f2f8ed; /* Unwind */
}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 Split-complementary Color Scheme#D7E7D0#D7D1E9#E7CEE3#AFCA9D#EBECF5
- Peppermint Tetradic Color Scheme#D7E7D0#D0E2E8#E6CEE6#E8D3D1#F2F8ED
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 Peppermint?
In a monochromatic scheme: Nasturtium Leaf (#87B369), Desert Cactus (#AFCA9D), Unwind (#F2F8ED), Unwind (#F2F8ED).
What is the hex code of Peppermint?
#D7E7D0.