Huebook

Duckling Fluff Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Duckling Fluff (#FAFC5D), each snapped to its nearest named color.

#ABBC01
#F6F513
#FAFC5D
#FFFBA8
#FFFFE7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Yew#ABBC01171, 188, 165°, 99%, 37%9, 0, 99, 2675.6% 0.173 116
Lager#F6F513246, 245, 1960°, 93%, 52%0, 0, 92, 494.0% 0.202 109
Duckling Fluff#FAFC5D250, 252, 9361°, 96%, 68%1, 0, 63, 196.1% 0.176 110
Lemon Slice#FFFBA8255, 251, 16857°, 100%, 83%0, 2, 34, 097.3% 0.103 106
Cotton Puff#FFFFE7255, 255, 23160°, 100%, 95%0, 0, 9, 099.4% 0.031 107

Which pairs work for text

Text on backgroundContrastWCAG
Aa #ABBC01 on #FFFFE72.09:1—
Aa #ABBC01 on #FFFBA81.98:1—
Aa #ABBC01 on #FAFC5D1.93:1—
Aa #ABBC01 on #F6F5131.81:1—
Aa #F6F513 on #FFFFE71.15:1—
Aa #F6F513 on #FFFBA81.09:1—

CSS variables

:root {
  --color-1: #abbc01; /* Yew */
  --color-2: #f6f513; /* Lager */
  --color-3: #fafc5d; /* Duckling Fluff */
  --color-4: #fffba8; /* Lemon Slice */
  --color-5: #ffffe7; /* Cotton Puff */
}

Other schemes from Duckling Fluff

More light yellow monochromatic color schemes

Questions

What colors go with Duckling Fluff?

In a monochromatic scheme: Yew (#ABBC01), Lager (#F6F513), Lemon Slice (#FFFBA8), Cotton Puff (#FFFFE7).

What is the hex code of Duckling Fluff?

#FAFC5D.