Macadamia Complementary Color Scheme
Five colors arranged by the complementary rule around Macadamia (#E1CCAF), each snapped to its nearest named color.
#E1CCAF
#F8F4ED
#B0C5E0
#7A9DCB
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Macadamia | #E1CCAF | 225, 204, 175 | 35°, 45%, 78% | 0, 9, 22, 12 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 | |
| Simply Sparkling | #B0C5E0 | 176, 197, 224 | 214°, 44%, 78% | 21, 12, 0, 12 | |
| Della Robbia Blue | #7A9DCB | 122, 157, 203 | 214°, 44%, 64% | 40, 23, 0, 20 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8F4ED on #7A9DCB | 2.55:1 | — |
| Aa #7A9DCB on #EDF2F8 | 2.48:1 | — |
| Aa #E1CCAF on #7A9DCB | 1.79:1 | — |
| Aa #F8F4ED on #B0C5E0 | 1.61:1 | — |
| Aa #B0C5E0 on #7A9DCB | 1.59:1 | — |
| Aa #B0C5E0 on #EDF2F8 | 1.57:1 | — |
CSS variables
:root {
--color-1: #e1ccaf; /* Macadamia */
--color-2: #f8f4ed; /* Crystal Cut */
--color-3: #b0c5e0; /* Simply Sparkling */
--color-4: #7a9dcb; /* Della Robbia Blue */
--color-5: #edf2f8; /* Airport */
}Other schemes from Macadamia
- Macadamia Analogous Color Scheme#E0ADC4#E3B5AD#E1CCAF#DCE2AD#C8E0AB
- Macadamia Triadic Color Scheme#E1CCAF#B1E2CB#D6B7E2#F8F4ED#79D0A7
- Macadamia Split-complementary Color Scheme#E1CCAF#ABDEE3#ACACE6#CCAA77#E8F4F7
- Macadamia Tetradic Color Scheme#E1CCAF#ACE1AF#B0C5E0#E6B5D7#F8F4ED
- Macadamia Monochromatic Color Scheme#B38241#CCAA77#E1CCAF#F5EFE7#F8F4ED
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Macadamia?
In a complementary scheme: Crystal Cut (#F8F4ED), Simply Sparkling (#B0C5E0), Della Robbia Blue (#7A9DCB), Airport (#EDF2F8).
What is the hex code of Macadamia?
#E1CCAF.