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

NameHEXRGBHSLCMYK
Zucchini Noodles#C8D07F200, 208, 12766°, 46%, 66%4, 0, 39, 18
Boudoir Blue#7EA3D2126, 163, 210214°, 48%, 66%40, 22, 0, 18
Lavender Blossom#B57EDC181, 126, 220275°, 57%, 68%18, 43, 0, 14
Hopscotch#AFBB42175, 187, 6666°, 48%, 50%6, 0, 65, 27
Radar#B6C8E4182, 200, 228217°, 46%, 80%20, 12, 0, 11

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 palettes

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.