Huebook

Fluffy Duckling Analogous Color Scheme

Five colors arranged by the analogous rule around Fluffy Duckling (#FCDF39), each snapped to its nearest named color.

#FF3855
#FF7733
#FCDF39
#AAFF32
#55FF33

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Sizzling Red#FF3855255, 56, 85351°, 100%, 61%0, 78, 67, 065.7% 0.231 19
Temptatious Tangerine#FF7733255, 119, 5120°, 100%, 60%0, 53, 80, 072.1% 0.183 44
Fluffy Duckling#FCDF39252, 223, 5751°, 97%, 61%0, 12, 77, 190.1% 0.172 99
Lime#AAFF32170, 255, 5085°, 100%, 60%33, 0, 80, 091.2% 0.234 131
Alien Parasite#55FF3385, 255, 51110°, 100%, 60%67, 0, 80, 087.8% 0.270 141

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3855 on #AAFF322.87:1—
Aa #FF3855 on #FCDF392.65:1—
Aa #FF3855 on #55FF332.65:1—
Aa #FF7733 on #AAFF322.15:1—
Aa #FF7733 on #FCDF391.98:1—
Aa #FF7733 on #55FF331.98:1—

CSS variables

:root {
  --color-1: #ff3855; /* Sizzling Red */
  --color-2: #ff7733; /* Temptatious Tangerine */
  --color-3: #fcdf39; /* Fluffy Duckling */
  --color-4: #aaff32; /* Lime */
  --color-5: #55ff33; /* Alien Parasite */
}

Other schemes from Fluffy Duckling

More light yellow analogous color schemes

Questions

What colors go with Fluffy Duckling?

In a analogous scheme: Sizzling Red (#FF3855), Temptatious Tangerine (#FF7733), Lime (#AAFF32), Alien Parasite (#55FF33).

What is the hex code of Fluffy Duckling?

#FCDF39.