White Mecca Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around White Mecca (#ECF3E1), each snapped to its nearest named color.
#A6C875
#CADEA5
#ECF3E1
#F2F8ED
#F2F8ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fiddle-Leaf Fig | #A6C875 | 166, 200, 117 | 85°, 43%, 62% | 17, 0, 42, 22 | 78.9% 0.116 127 | |
| Butterfly | #CADEA5 | 202, 222, 165 | 81°, 46%, 76% | 9, 0, 26, 13 | 87.1% 0.078 124 | |
| White Mecca | #ECF3E1 | 236, 243, 225 | 83°, 43%, 92% | 3, 0, 7, 5 | 95.4% 0.025 124 | |
| Unwind | #F2F8ED | 242, 248, 237 | 93°, 44%, 95% | 2, 0, 4, 3 | 97.2% 0.016 130 | |
| Unwind | #F2F8ED | 242, 248, 237 | 93°, 44%, 95% | 2, 0, 4, 3 | 97.2% 0.016 130 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A6C875 on #F2F8ED | 1.74:1 | — |
| Aa #A6C875 on #F2F8ED | 1.74:1 | — |
| Aa #A6C875 on #ECF3E1 | 1.66:1 | — |
| Aa #CADEA5 on #F2F8ED | 1.34:1 | — |
| Aa #CADEA5 on #F2F8ED | 1.34:1 | — |
| Aa #A6C875 on #CADEA5 | 1.30:1 | — |
CSS variables
:root {
--color-1: #a6c875; /* Fiddle-Leaf Fig */
--color-2: #cadea5; /* Butterfly */
--color-3: #ecf3e1; /* White Mecca */
--color-4: #f2f8ed; /* Unwind */
--color-5: #f2f8ed; /* Unwind */
}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 Split-complementary Color Scheme#ECF3E1#E1E6F2#EFE2F2#CADEA5#E9EDF6
- White Mecca Tetradic Color Scheme#ECF3E1#E1F2F0#E7E0EE#F4E2E1#F2F8ED
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with White Mecca?
In a monochromatic scheme: Fiddle-Leaf Fig (#A6C875), Butterfly (#CADEA5), Unwind (#F2F8ED), Unwind (#F2F8ED).
What is the hex code of White Mecca?
#ECF3E1.