Mojito Complementary Color Scheme
Five colors arranged by the complementary rule around Mojito (#E4F3E0), each snapped to its nearest named color.
#E4F3E0
#F1F8EC
#EFE2F2
#CDA5DF
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mojito | #E4F3E0 | 228, 243, 224 | 107°, 44%, 92% | 6, 0, 8, 5 | |
| Garden Dawn | #F1F8EC | 241, 248, 236 | 95°, 46%, 95% | 3, 0, 5, 3 | |
| Sheer Lavender | #EFE2F2 | 239, 226, 242 | 289°, 38%, 92% | 1, 7, 0, 5 | |
| Tropical Violet | #CDA5DF | 205, 165, 223 | 281°, 48%, 76% | 8, 26, 0, 13 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1F8EC on #CDA5DF | 1.93:1 | — |
| Aa #CDA5DF on #F8EEF4 | 1.84:1 | — |
| Aa #E4F3E0 on #CDA5DF | 1.81:1 | — |
| Aa #EFE2F2 on #CDA5DF | 1.68:1 | — |
| Aa #F1F8EC on #EFE2F2 | 1.15:1 | — |
| Aa #EFE2F2 on #F8EEF4 | 1.10:1 | — |
CSS variables
:root {
--color-1: #e4f3e0; /* Mojito */
--color-2: #f1f8ec; /* Garden Dawn */
--color-3: #efe2f2; /* Sheer Lavender */
--color-4: #cda5df; /* Tropical Violet */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Mojito
- Mojito Analogous Color Scheme#F4EFE0#EDF2E0#E4F3E0#E1F5E5#E1F2F0
- Mojito Triadic Color Scheme#E4F3E0#E1E6F2#F0E2E4#F1F8EC#ACB5DC
- Mojito Split-complementary Color Scheme#E4F3E0#E7E0EE#F3E0EB#B1DBAA#F0EBFC
- Mojito Tetradic Color Scheme#E4F3E0#E2ECF2#EFE2F2#F4E6E0#F1F8EC
- Mojito Monochromatic Color Scheme#80C872#B1DBAA#E4F3E0#F1F8EC#F1F8EC
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 Mojito?
In a complementary scheme: Garden Dawn (#F1F8EC), Sheer Lavender (#EFE2F2), Tropical Violet (#CDA5DF), Sentimental Pink (#F8EEF4).
What is the hex code of Mojito?
#E4F3E0.