Butterscotch Cake Complementary Color Scheme
Five colors arranged by the complementary rule around Butterscotch Cake (#F1C882), each snapped to its nearest named color.
#F1C882
#FAEDD5
#8AADF7
#3D7AFD
#DBECFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Butterscotch Cake | #F1C882 | 241, 200, 130 | 38°, 80%, 73% | 0, 17, 46, 5 | |
| Pastry Dough | #FAEDD5 | 250, 237, 213 | 39°, 79%, 91% | 0, 5, 15, 2 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 | |
| Lightish Blue | #3D7AFD | 61, 122, 253 | 221°, 98%, 62% | 76, 52, 0, 1 | |
| Hoarfrost | #DBECFB | 219, 236, 251 | 208°, 80%, 92% | 13, 6, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAEDD5 on #3D7AFD | 3.36:1 | AA large |
| Aa #3D7AFD on #DBECFB | 3.22:1 | AA large |
| Aa #F1C882 on #3D7AFD | 2.47:1 | — |
| Aa #FAEDD5 on #8AADF7 | 1.93:1 | — |
| Aa #8AADF7 on #DBECFB | 1.85:1 | — |
| Aa #8AADF7 on #3D7AFD | 1.74:1 | — |
CSS variables
:root {
--color-1: #f1c882; /* Butterscotch Cake */
--color-2: #faedd5; /* Pastry Dough */
--color-3: #8aadf7; /* Kitten’s Eye */
--color-4: #3d7afd; /* Lightish Blue */
--color-5: #dbecfb; /* Hoarfrost */
}Other schemes from Butterscotch Cake
- Butterscotch Cake Analogous Color Scheme#F485AC#F39081#F1C882#E1EE82#BBEE88
- Butterscotch Cake Triadic Color Scheme#F1C882#84FBCE#CC81F0#FCF0DE#2EE8BB
- Butterscotch Cake Split-complementary Color Scheme#F1C882#88EEEE#8B88F8#ECAB3F#CBF4F8
- Butterscotch Cake Tetradic Color Scheme#F1C882#90EE90#8AADF7#F984E5#FCF0DE
- Butterscotch Cake Monochromatic Color Scheme#C18116#ECAB3F#F1C882#F8E6C6#FBF4E8
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 Butterscotch Cake?
In a complementary scheme: Pastry Dough (#FAEDD5), Kitten’s Eye (#8AADF7), Lightish Blue (#3D7AFD), Hoarfrost (#DBECFB).
What is the hex code of Butterscotch Cake?
#F1C882.