Mojito Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mojito (#E4F3E0), each snapped to its nearest named color.
#E4F3E0
#E7E0EE
#F3E0EB
#B1DBAA
#F0EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mojito | #E4F3E0 | 228, 243, 224 | 107°, 44%, 92% | 6, 0, 8, 5 | |
| Romantic Cruise | #E7E0EE | 231, 224, 238 | 270°, 29%, 91% | 3, 6, 0, 7 | |
| Taffeta Tint | #F3E0EB | 243, 224, 235 | 325°, 44%, 92% | 0, 8, 3, 5 | |
| Fizz | #B1DBAA | 177, 219, 170 | 111°, 40%, 76% | 19, 0, 22, 14 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E4F3E0 on #B1DBAA | 1.34:1 | — |
| Aa #B1DBAA on #F0EBFC | 1.32:1 | — |
| Aa #F3E0EB on #B1DBAA | 1.23:1 | — |
| Aa #E7E0EE on #B1DBAA | 1.20:1 | — |
| Aa #E4F3E0 on #E7E0EE | 1.12:1 | — |
| Aa #E7E0EE on #F0EBFC | 1.10:1 | — |
CSS variables
:root {
--color-1: #e4f3e0; /* Mojito */
--color-2: #e7e0ee; /* Romantic Cruise */
--color-3: #f3e0eb; /* Taffeta Tint */
--color-4: #b1dbaa; /* Fizz */
--color-5: #f0ebfc; /* Placebo Purple */
}Other schemes from Mojito
- Mojito Complementary Color Scheme#E4F3E0#F1F8EC#EFE2F2#CDA5DF#F8EEF4
- Mojito Analogous Color Scheme#F4EFE0#EDF2E0#E4F3E0#E1F5E5#E1F2F0
- Mojito Triadic Color Scheme#E4F3E0#E1E6F2#F0E2E4#F1F8EC#ACB5DC
- Mojito Tetradic Color Scheme#E4F3E0#E2ECF2#EFE2F2#F4E6E0#F1F8EC
- Mojito Monochromatic Color Scheme#80C872#B1DBAA#E4F3E0#F1F8EC#F1F8EC
More Very Light Green split-complementary palettes
- 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 Mojito?
In a split-complementary scheme: Romantic Cruise (#E7E0EE), Taffeta Tint (#F3E0EB), Fizz (#B1DBAA), Placebo Purple (#F0EBFC).
What is the hex code of Mojito?
#E4F3E0.