Sugar Mint Complementary Color Scheme
Five colors arranged by the complementary rule around Sugar Mint (#C0E2C5), each snapped to its nearest named color.
#C0E2C5
#EBF8EF
#E7C2DE
#CA93C1
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Mint | #C0E2C5 | 192, 226, 197 | 129°, 37%, 82% | 15, 0, 13, 11 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 | |
| Sweet Alyssum | #E7C2DE | 231, 194, 222 | 315°, 44%, 83% | 0, 16, 4, 9 | |
| Pomtini | #CA93C1 | 202, 147, 193 | 310°, 34%, 68% | 0, 27, 4, 21 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBF8EF on #CA93C1 | 2.27:1 | — |
| Aa #CA93C1 on #F8EEF4 | 2.19:1 | — |
| Aa #C0E2C5 on #CA93C1 | 1.77:1 | — |
| Aa #E7C2DE on #CA93C1 | 1.56:1 | — |
| Aa #EBF8EF on #E7C2DE | 1.46:1 | — |
| Aa #E7C2DE on #F8EEF4 | 1.41:1 | — |
CSS variables
:root {
--color-1: #c0e2c5; /* Sugar Mint */
--color-2: #ebf8ef; /* Soft Petals */
--color-3: #e7c2de; /* Sweet Alyssum */
--color-4: #ca93c1; /* Pomtini */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Sugar Mint
- Sugar Mint Analogous Color Scheme#DEE3C0#C5E1C3#C0E2C5#C1E5D5#C1DEE2
- Sugar Mint Triadic Color Scheme#C0E2C5#CAC0E1#E5C4C0#EBF8EF#8D8DC9
- Sugar Mint Split-complementary Color Scheme#C0E2C5#DEC0E2#E2C3CF#86C994#F8EEF4
- Sugar Mint Tetradic Color Scheme#C0E2C5#C5CBE1#E7C2DE#E2D7C1#EBF8EF
- Sugar Mint Monochromatic Color Scheme#54AC68#86C994#C0E2C5#EBF8EF#EBF8EF
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 Sugar Mint?
In a complementary scheme: Soft Petals (#EBF8EF), Sweet Alyssum (#E7C2DE), Pomtini (#CA93C1), Sentimental Pink (#F8EEF4).
What is the hex code of Sugar Mint?
#C0E2C5.