Rubber Ducky Complementary Color Scheme
Five colors arranged by the complementary rule around Rubber Ducky (#FACF58), each snapped to its nearest named color.
#FACF58
#FFE9B1
#5588FF
#0652FF
#B1D1FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rubber Ducky | #FACF58 | 250, 207, 88 | 44°, 94%, 66% | 0, 17, 65, 2 | |
| Lively Yellow | #FFE9B1 | 255, 233, 177 | 43°, 100%, 85% | 0, 9, 31, 0 | |
| Skinny Jeans | #5588FF | 85, 136, 255 | 222°, 100%, 67% | 67, 47, 0, 0 | |
| Blue et une Nuit | #0652FF | 6, 82, 255 | 222°, 100%, 51% | 98, 68, 0, 0 | |
| Ice Cold Stare | #B1D1FC | 177, 209, 252 | 214°, 93%, 84% | 30, 17, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFE9B1 on #0652FF | 4.79:1 | AA |
| Aa #FACF58 on #0652FF | 3.86:1 | AA large |
| Aa #0652FF on #B1D1FC | 3.66:1 | AA large |
| Aa #FFE9B1 on #5588FF | 2.76:1 | — |
| Aa #FACF58 on #5588FF | 2.22:1 | — |
| Aa #5588FF on #B1D1FC | 2.11:1 | — |
CSS variables
:root {
--color-1: #facf58; /* Rubber Ducky */
--color-2: #ffe9b1; /* Lively Yellow */
--color-3: #5588ff; /* Skinny Jeans */
--color-4: #0652ff; /* Blue et une Nuit */
--color-5: #b1d1fc; /* Ice Cold Stare */
}Other schemes from Rubber Ducky
- Rubber Ducky Analogous Color Scheme#FB5581#F87858#FACF58#CDFA56#80E45F
- Rubber Ducky Triadic Color Scheme#FACF58#55FFCC#CC55FF#FDEBBC#11FFBB
- Rubber Ducky Split-complementary Color Scheme#FACF58#4CD5FF#7755FF#F9BC08#A0E6FF
- Rubber Ducky Tetradic Color Scheme#FACF58#4CFF7B#5588FF#FF5CCD#FDEBBC
- Rubber Ducky Monochromatic Color Scheme#B8860B#F9BC08#FACF58#FBE3A1#FFF8E7
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Rubber Ducky?
In a complementary scheme: Lively Yellow (#FFE9B1), Skinny Jeans (#5588FF), Blue et une Nuit (#0652FF), Ice Cold Stare (#B1D1FC).
What is the hex code of Rubber Ducky?
#FACF58.