Huebook

Zucchini Noodles Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Zucchini Noodles (#C8D07F), each snapped to its nearest named color.

#C8D07F
#7EA3D2
#B57EDC
#AFBB42
#B6C8E4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Zucchini Noodles#C8D07F200, 208, 12766°, 46%, 66%4, 0, 39, 1883.3% 0.104 113
Boudoir Blue#7EA3D2126, 163, 210214°, 48%, 66%40, 22, 0, 1870.6% 0.080 255
Lavender Blossom#B57EDC181, 126, 220275°, 57%, 68%18, 43, 0, 1468.4% 0.145 310
Hopscotch#AFBB42175, 187, 6666°, 48%, 50%6, 0, 65, 2776.0% 0.144 115
Radar#B6C8E4182, 200, 228217°, 46%, 80%20, 12, 0, 1182.8% 0.044 259

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C8D07F on #B57EDC1.83:1—
Aa #B57EDC on #B6C8E41.77:1—
Aa #C8D07F on #7EA3D21.59:1—
Aa #7EA3D2 on #B6C8E41.54:1—
Aa #B57EDC on #AFBB421.43:1—
Aa #C8D07F on #AFBB421.28:1—

CSS variables

:root {
  --color-1: #c8d07f; /* Zucchini Noodles */
  --color-2: #7ea3d2; /* Boudoir Blue */
  --color-3: #b57edc; /* Lavender Blossom */
  --color-4: #afbb42; /* Hopscotch */
  --color-5: #b6c8e4; /* Radar */
}

Other schemes from Zucchini Noodles

More light yellow split-complementary color schemes

Questions

What colors go with Zucchini Noodles?

In a split-complementary scheme: Boudoir Blue (#7EA3D2), Lavender Blossom (#B57EDC), Hopscotch (#AFBB42), Radar (#B6C8E4).

What is the hex code of Zucchini Noodles?

#C8D07F.