Zucchini Noodles Complementary Color Scheme
Five colors arranged by the complementary rule around Zucchini Noodles (#C8D07F), each snapped to its nearest named color.
#C8D07F
#E6E8C5
#8878C3
#5946B2
#CCCCEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Zucchini Noodles | #C8D07F | 200, 208, 127 | 66°, 46%, 66% | 4, 0, 39, 18 | |
| More Mint | #E6E8C5 | 230, 232, 197 | 63°, 43%, 84% | 1, 0, 15, 9 | |
| Ube | #8878C3 | 136, 120, 195 | 253°, 38%, 62% | 30, 38, 0, 24 | |
| Swiss Plum | #5946B2 | 89, 70, 178 | 251°, 44%, 49% | 50, 61, 0, 30 | |
| Miami White | #CCCCEE | 204, 204, 238 | 240°, 50%, 87% | 14, 14, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6E8C5 on #5946B2 | 5.68:1 | AA |
| Aa #5946B2 on #CCCCEE | 4.57:1 | AA |
| Aa #C8D07F on #5946B2 | 4.34:1 | AA large |
| Aa #E6E8C5 on #8878C3 | 3.03:1 | AA large |
| Aa #8878C3 on #CCCCEE | 2.43:1 | — |
| Aa #C8D07F on #8878C3 | 2.32:1 | — |
CSS variables
:root {
--color-1: #c8d07f; /* Zucchini Noodles */
--color-2: #e6e8c5; /* More Mint */
--color-3: #8878c3; /* Ube */
--color-4: #5946b2; /* Swiss Plum */
--color-5: #ccccee; /* Miami White */
}Other schemes from Zucchini Noodles
- Zucchini Noodles Analogous Color Scheme#D5877E#D3B17D#C8D07F#9DCA7B#78CF86
- Zucchini Noodles Triadic Color Scheme#C8D07F#7FC6CC#CC77CC#E7EACB#53B1BA
- Zucchini Noodles Split-complementary Color Scheme#C8D07F#7EA3D2#B57EDC#AFBB42#B6C8E4
- Zucchini Noodles Tetradic Color Scheme#C8D07F#78D1B1#8878C3#D979A2#E7EACB
- Zucchini Noodles Monochromatic Color Scheme#7C8635#AFBB42#C8D07F#E2E2B5#F6F7ED
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Zucchini Noodles?
In a complementary scheme: More Mint (#E6E8C5), Ube (#8878C3), Swiss Plum (#5946B2), Miami White (#CCCCEE).
What is the hex code of Zucchini Noodles?
#C8D07F.