Fuzzy Duckling Complementary Color Scheme
Five colors arranged by the complementary rule around Fuzzy Duckling (#FFEA70), each snapped to its nearest named color.
#FFEA70
#FDF5CA
#6888FC
#2D47FF
#DDDDFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fuzzy Duckling | #FFEA70 | 255, 234, 112 | 51°, 100%, 72% | 0, 8, 56, 0 | |
| Pure Laughter | #FDF5CA | 253, 245, 202 | 51°, 93%, 89% | 0, 3, 20, 1 | |
| Punch Out Glove | #6888FC | 104, 136, 252 | 227°, 96%, 70% | 59, 46, 0, 1 | |
| Blueshift | #2D47FF | 45, 71, 255 | 233°, 100%, 59% | 82, 72, 0, 0 | |
| Transparent Blue | #DDDDFF | 221, 221, 255 | 240°, 100%, 93% | 13, 13, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FDF5CA on #2D47FF | 5.52:1 | AA |
| Aa #FFEA70 on #2D47FF | 4.99:1 | AA |
| Aa #2D47FF on #DDDDFF | 4.59:1 | AA |
| Aa #FDF5CA on #6888FC | 2.93:1 | — |
| Aa #FFEA70 on #6888FC | 2.65:1 | — |
| Aa #6888FC on #DDDDFF | 2.43:1 | — |
CSS variables
:root {
--color-1: #ffea70; /* Fuzzy Duckling */
--color-2: #fdf5ca; /* Pure Laughter */
--color-3: #6888fc; /* Punch Out Glove */
--color-4: #2d47ff; /* Blueshift */
--color-5: #ddddff; /* Transparent Blue */
}Other schemes from Fuzzy Duckling
- 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
- Fuzzy Duckling Monochromatic Color Scheme#DDBB00#FFDF22#FFEA70#FFF5BE#FEFBE5
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Fuzzy Duckling?
In a complementary scheme: Pure Laughter (#FDF5CA), Punch Out Glove (#6888FC), Blueshift (#2D47FF), Transparent Blue (#DDDDFF).
What is the hex code of Fuzzy Duckling?
#FFEA70.