White Mecca Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around White Mecca (#ECF3E1), each snapped to its nearest named color.
#ECF3E1
#E1E6F2
#EFE2F2
#CADEA5
#E9EDF6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| White Mecca | #ECF3E1 | 236, 243, 225 | 83°, 43%, 92% | 3, 0, 7, 5 | 95.4% 0.025 124 | |
| Crystal Falls | #E1E6F2 | 225, 230, 242 | 222°, 40%, 92% | 7, 5, 0, 5 | 92.5% 0.017 268 | |
| Sheer Lavender | #EFE2F2 | 239, 226, 242 | 289°, 38%, 92% | 1, 7, 0, 5 | 92.8% 0.025 320 | |
| Butterfly | #CADEA5 | 202, 222, 165 | 81°, 46%, 76% | 9, 0, 26, 13 | 87.1% 0.078 124 | |
| Coconut White | #E9EDF6 | 233, 237, 246 | 222°, 42%, 94% | 5, 4, 0, 4 | 94.6% 0.013 267 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF3E1 on #CADEA5 | 1.27:1 | — |
| Aa #CADEA5 on #E9EDF6 | 1.23:1 | — |
| Aa #EFE2F2 on #CADEA5 | 1.16:1 | — |
| Aa #E1E6F2 on #CADEA5 | 1.16:1 | — |
| Aa #ECF3E1 on #E1E6F2 | 1.10:1 | — |
| Aa #ECF3E1 on #EFE2F2 | 1.10:1 | — |
CSS variables
:root {
--color-1: #ecf3e1; /* White Mecca */
--color-2: #e1e6f2; /* Crystal Falls */
--color-3: #efe2f2; /* Sheer Lavender */
--color-4: #cadea5; /* Butterfly */
--color-5: #e9edf6; /* Coconut White */
}Other schemes from White Mecca
- White Mecca Complementary Color Scheme#ECF3E1#F2F8ED#E7E0EE#B6ADD8#F0EBFC
- White Mecca Analogous Color Scheme#F3E8E1#F3F1E1#ECF3E1#E4F3E0#E5F2E7
- White Mecca Triadic Color Scheme#ECF3E1#E2ECF2#F3E0EB#F2F8ED#AEC9DC
- White Mecca Tetradic Color Scheme#ECF3E1#E1F2F0#E7E0EE#F4E2E1#F2F8ED
- White Mecca Monochromatic Color Scheme#A6C875#CADEA5#ECF3E1#F2F8ED#F2F8ED
More very light green split-complementary color schemes
- 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 White Mecca?
In a split-complementary scheme: Crystal Falls (#E1E6F2), Sheer Lavender (#EFE2F2), Butterfly (#CADEA5), Coconut White (#E9EDF6).
What is the hex code of White Mecca?
#ECF3E1.