Quack Quack Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Quack Quack (#FFE989), each snapped to its nearest named color.
#FFE989
#88DDFF
#BB88FF
#FEDC39
#D4F1F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Quack Quack | #FFE989 | 255, 233, 137 | 49°, 100%, 77% | 0, 9, 46, 0 | |
| Tranquil Pool | #88DDFF | 136, 221, 255 | 197°, 100%, 77% | 47, 13, 0, 0 | |
| Lilac Geode | #BB88FF | 187, 136, 255 | 266°, 100%, 77% | 27, 47, 0, 0 | |
| Traffic Yellow | #FEDC39 | 254, 220, 57 | 50°, 99%, 61% | 0, 13, 78, 0 | |
| Water | #D4F1F9 | 212, 241, 249 | 193°, 76%, 90% | 15, 3, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB88FF on #D4F1F9 | 2.20:1 | — |
| Aa #FFE989 on #BB88FF | 2.14:1 | — |
| Aa #BB88FF on #FEDC39 | 1.92:1 | — |
| Aa #88DDFF on #BB88FF | 1.71:1 | — |
| Aa #88DDFF on #D4F1F9 | 1.28:1 | — |
| Aa #FFE989 on #88DDFF | 1.25:1 | — |
CSS variables
:root {
--color-1: #ffe989; /* Quack Quack */
--color-2: #88ddff; /* Tranquil Pool */
--color-3: #bb88ff; /* Lilac Geode */
--color-4: #fedc39; /* Traffic Yellow */
--color-5: #d4f1f9; /* Water */
}Other schemes from Quack Quack
- Quack Quack Complementary Color Scheme#FFE989#FFFAE5#8F99FB#3366FF#E8EEFE
- Quack Quack Analogous Color Scheme#FC8F9B#FEAC89#FFE989#C4FE82#94FF94
- Quack Quack Triadic Color Scheme#FFE989#88FFEE#EE88FF#FFFAE5#3AFDDB
- Quack Quack Tetradic Color Scheme#FFE989#90FDA9#8F99FB#FF8AD8#FFFAE5
- Quack Quack Monochromatic Color Scheme#EEC400#FEDC39#FFE989#FFF8D7#FFFAE5
More Light Yellow split-complementary palettes
- Alligator Alley Split-complementary Color Scheme#C5D17B#739BD0#B57EDC#AFBB42#B6C7E3
- Ancient Treasure Split-complementary Color Scheme#E7D082#82CDE5#8F8CE7#DCBA42#C1E4F0
- Animal Kingdom Split-complementary Color Scheme#BCC09E#99AAC8#B598C3#9FA36C#C9D4E1
- Anna Banana Split-complementary Color Scheme#F5D547#44BBFF#7755EE#E1BF03#87D3F8
- April Showers Split-complementary Color Scheme#DADEB5#B4C4DE#CEBADA#C7CA86#E9EDF6
- Ash Split-complementary Color Scheme#BEBAA7#9FB6C6#AF9FCA#A69E73#CDDCE3
- Aurora Split-complementary Color Scheme#EBD147#46ADF9#7755EE#CAB012#89CFF0
- Banana Split-complementary Color Scheme#FFFC79#77BBFF#BF77F6#FFFF31#C6E3F7
- Banana Drama Split-complementary Color Scheme#F1D548#44BBFF#904FEF#DDBB11#87D3F8
- Banana Frappé Split-complementary Color Scheme#DDD5B6#B6D3DF#C3B9DD#C7B882#EBF1F5
- Beekeeper Split-complementary Color Scheme#F6E491#87D3F8#BB88FF#F1D548#D5EDFB
- Beige Split-complementary Color Scheme#E6DAA6#A6D3E6#ACACE6#DBC364#E7F0F7
Questions
What colors go with Quack Quack?
In a split-complementary scheme: Tranquil Pool (#88DDFF), Lilac Geode (#BB88FF), Traffic Yellow (#FEDC39), Water (#D4F1F9).
What is the hex code of Quack Quack?
#FFE989.