Hint of Mint Complementary Color Scheme
Five colors arranged by the complementary rule around Hint of Mint (#DFF1D6), each snapped to its nearest named color.
#DFF1D6
#F1F9EC
#E7D7EF
#CC99DD
#F3E9F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hint of Mint | #DFF1D6 | 223, 241, 214 | 100°, 49%, 89% | 7, 0, 11, 5 | |
| Refined Mint | #F1F9EC | 241, 249, 236 | 97°, 52%, 95% | 3, 0, 5, 2 | |
| Pouty Purple | #E7D7EF | 231, 215, 239 | 280°, 43%, 89% | 3, 10, 0, 6 | |
| Somewhere in a Fairytale | #CC99DD | 204, 153, 221 | 285°, 50%, 73% | 8, 31, 0, 13 | |
| Perfume Haze | #F3E9F7 | 243, 233, 247 | 283°, 47%, 94% | 2, 6, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1F9EC on #CC99DD | 2.13:1 | — |
| Aa #CC99DD on #F3E9F7 | 1.94:1 | — |
| Aa #DFF1D6 on #CC99DD | 1.93:1 | — |
| Aa #E7D7EF on #CC99DD | 1.68:1 | — |
| Aa #F1F9EC on #E7D7EF | 1.27:1 | — |
| Aa #E7D7EF on #F3E9F7 | 1.16:1 | — |
CSS variables
:root {
--color-1: #dff1d6; /* Hint of Mint */
--color-2: #f1f9ec; /* Refined Mint */
--color-3: #e7d7ef; /* Pouty Purple */
--color-4: #cc99dd; /* Somewhere in a Fairytale */
--color-5: #f3e9f7; /* Perfume Haze */
}Other schemes from Hint of Mint
- Hint of Mint Analogous Color Scheme#F1E8D6#EEF0D6#DFF1D6#D6EFDA#D8F1EB
- Hint of Mint Triadic Color Scheme#DFF1D6#D2DEF2#F0D6DD#F1F9EC#9EB3DE
- Hint of Mint Split-complementary Color Scheme#DFF1D6#DBD7F2#F0D5EA#B1D99D#EEE9F9
- Hint of Mint Tetradic Color Scheme#DFF1D6#D6EDF1#E7D7EF#F2DAD6#F1F9EC
- Hint of Mint Monochromatic Color Scheme#8DCE65#B1D99D#DFF1D6#F1F9EC#F1F9EC
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 Hint of Mint?
In a complementary scheme: Refined Mint (#F1F9EC), Pouty Purple (#E7D7EF), Somewhere in a Fairytale (#CC99DD), Perfume Haze (#F3E9F7).
What is the hex code of Hint of Mint?
#DFF1D6.