Duckling Fluff Triadic Color Scheme
Five colors arranged by the triadic rule around Duckling Fluff (#FAFC5D), each snapped to its nearest named color.
#FAFC5D
#56FFFF
#FB5FFC
#FFFFC2
#16F8FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Duckling Fluff | #FAFC5D | 250, 252, 93 | 61°, 96%, 68% | 1, 0, 63, 1 | |
| CGA Blue | #56FFFF | 86, 255, 255 | 180°, 100%, 67% | 66, 0, 0, 0 | |
| Violet Pink | #FB5FFC | 251, 95, 252 | 300°, 96%, 68% | 0, 62, 0, 1 | |
| Cream | #FFFFC2 | 255, 255, 194 | 60°, 100%, 88% | 0, 0, 24, 0 | |
| Hey Blue! | #16F8FF | 22, 248, 255 | 182°, 100%, 54% | 91, 3, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FB5FFC on #FFFFC2 | 2.50:1 | — |
| Aa #FAFC5D on #FB5FFC | 2.35:1 | — |
| Aa #56FFFF on #FB5FFC | 2.10:1 | — |
| Aa #FB5FFC on #16F8FF | 1.95:1 | — |
| Aa #FFFFC2 on #16F8FF | 1.28:1 | — |
| Aa #FAFC5D on #16F8FF | 1.20:1 | — |
CSS variables
:root {
--color-1: #fafc5d; /* Duckling Fluff */
--color-2: #56ffff; /* CGA Blue */
--color-3: #fb5ffc; /* Violet Pink */
--color-4: #ffffc2; /* Cream */
--color-5: #16f8ff; /* Hey Blue! */
}Other schemes from Duckling Fluff
- Duckling Fluff Complementary Color Scheme#FAFC5D#FFFEB6#5555FF#0C06F7#C1C6FC
- Duckling Fluff Analogous Color Scheme#FD5956#FFB05F#FAFC5D#AAFF55#53FE5C
- Duckling Fluff Split-complementary Color Scheme#FAFC5D#5BA8FF#AA55FF#F6F513#A2CFFE
- Duckling Fluff Tetradic Color Scheme#FAFC5D#55FFAA#5555FF#FF55AA#FFFFC2
- Duckling Fluff Monochromatic Color Scheme#ABBC01#F6F513#FAFC5D#FFFBA8#FFFFE7
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Duckling Fluff?
In a triadic scheme: CGA Blue (#56FFFF), Violet Pink (#FB5FFC), Cream (#FFFFC2), Hey Blue! (#16F8FF).
What is the hex code of Duckling Fluff?
#FAFC5D.