Huebook

Duck Butter Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Duck Butter (#DDC75B), each snapped to its nearest named color.

#DDC75B
#55B4DE
#9955CC
#C4AA27
#99D0E7

Color names and codes

NameHEXRGBHSLCMYK
Duck Butter#DDC75B221, 199, 9150°, 66%, 61%0, 10, 59, 13
Sail Away#55B4DE85, 180, 222198°, 67%, 60%62, 19, 0, 13
Morado Purple#9955CC153, 85, 204274°, 54%, 57%25, 58, 0, 20
Citronette#C4AA27196, 170, 3950°, 67%, 46%0, 13, 80, 23
Light Whimsy#99D0E7153, 208, 231198°, 62%, 75%34, 10, 0, 9

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9955CC on #99D0E72.77:1—
Aa #DDC75B on #9955CC2.74:1—
Aa #9955CC on #C4AA272.02:1—
Aa #55B4DE on #9955CC1.98:1—
Aa #55B4DE on #99D0E71.40:1—
Aa #DDC75B on #55B4DE1.38:1—

CSS variables

:root {
  --color-1: #ddc75b; /* Duck Butter */
  --color-2: #55b4de; /* Sail Away */
  --color-3: #9955cc; /* Morado Purple */
  --color-4: #c4aa27; /* Citronette */
  --color-5: #99d0e7; /* Light Whimsy */
}

Other schemes from Duck Butter

More Light Yellow split-complementary palettes

Questions

What colors go with Duck Butter?

In a split-complementary scheme: Sail Away (#55B4DE), Morado Purple (#9955CC), Citronette (#C4AA27), Light Whimsy (#99D0E7).

What is the hex code of Duck Butter?

#DDC75B.