Fuzzy Duckling Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Fuzzy Duckling (#FFEA70), each snapped to its nearest named color.
#DDBB00
#FFDF22
#FFEA70
#FFF5BE
#FEFBE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Alu Gobi | #DDBB00 | 221, 187, 0 | 51°, 100%, 43% | 0, 15, 100, 13 | |
| Sun Yellow | #FFDF22 | 255, 223, 34 | 51°, 100%, 57% | 0, 13, 87, 0 | |
| Fuzzy Duckling | #FFEA70 | 255, 234, 112 | 51°, 100%, 72% | 0, 8, 56, 0 | |
| Gentle Yellow | #FFF5BE | 255, 245, 190 | 51°, 100%, 87% | 0, 4, 25, 0 | |
| Rocket Fuel | #FEFBE5 | 254, 251, 229 | 53°, 93%, 95% | 0, 1, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDBB00 on #FEFBE5 | 1.80:1 | — |
| Aa #DDBB00 on #FFF5BE | 1.70:1 | — |
| Aa #DDBB00 on #FFEA70 | 1.54:1 | — |
| Aa #DDBB00 on #FFDF22 | 1.42:1 | — |
| Aa #FFDF22 on #FEFBE5 | 1.27:1 | — |
| Aa #FFDF22 on #FFF5BE | 1.20:1 | — |
CSS variables
:root {
--color-1: #ddbb00; /* Alu Gobi */
--color-2: #ffdf22; /* Sun Yellow */
--color-3: #ffea70; /* Fuzzy Duckling */
--color-4: #fff5be; /* Gentle Yellow */
--color-5: #fefbe5; /* Rocket Fuel */
}Other schemes from Fuzzy Duckling
- Fuzzy Duckling Complementary Color Scheme#FFEA70#FDF5CA#6888FC#2D47FF#DDDDFF
- Fuzzy Duckling Analogous Color Scheme#FC6D84#FDA470#FFEA70#D4FB79#8CFD7E
- Fuzzy Duckling Triadic Color Scheme#FFEA70#77EEEE#F06FFF#FEF9D7#32FFDC
- Fuzzy Duckling Split-complementary Color Scheme#FFEA70#77CCFF#A675FE#FFDF22#BBEEFF
- Fuzzy Duckling Tetradic Color Scheme#FFEA70#76FDA8#6888FC#FF6EC7#FEF9D7
More Light Yellow monochromatic palettes
- Alligator Alley Monochromatic Color Scheme#7C8635#AFBB42#C5D17B#DAE2B2#F6F7ED
- Ancient Treasure Monochromatic Color Scheme#AA8822#DCBA42#E7D082#F3EAC3#FCF7EB
- Animal Kingdom Monochromatic Color Scheme#72754F#9BA373#BCC09E#DCDDCC#F4F4F0
- Anna Banana Monochromatic Color Scheme#9F8303#E1BF03#F5D547#F6E491#FEF6D8
- April Showers Monochromatic Color Scheme#A1AC4D#C7CA86#DADEB5#F3F5E9#F6F7ED
- Ash Monochromatic Color Scheme#776F56#9E957C#BEBAA7#DDDED3#F4F4F0
- Aurora Monochromatic Color Scheme#817714#CAB012#EBD147#F5E28D#FBF4D1
- Banana Monochromatic Color Scheme#DDDD00#FFFF31#FFFC79#FFFEC6#FFFEE5
- Banana Drama Monochromatic Color Scheme#947706#DDBB11#F1D548#F6E491#FBF5D6
- Banana Frappé Monochromatic Color Scheme#AE9550#C7B882#DDD5B6#F5F3E9#F7F5ED
- Beekeeper Monochromatic Color Scheme#D9B611#F1D548#F6E491#FDF5D7#FFF9E7
- Beige Monochromatic Color Scheme#B8A336#DBC364#E6DAA6#F8F3E3#FAF7EB
Questions
What colors go with Fuzzy Duckling?
In a monochromatic scheme: Alu Gobi (#DDBB00), Sun Yellow (#FFDF22), Gentle Yellow (#FFF5BE), Rocket Fuel (#FEFBE5).
What is the hex code of Fuzzy Duckling?
#FFEA70.