Butterscotch Cake Tetradic Color Scheme
Five colors arranged by the tetradic rule around Butterscotch Cake (#F1C882), each snapped to its nearest named color.
#F1C882
#90EE90
#8AADF7
#F984E5
#FCF0DE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Butterscotch Cake | #F1C882 | 241, 200, 130 | 38°, 80%, 73% | 0, 17, 46, 5 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 | |
| Splash of Grenadine | #F984E5 | 249, 132, 229 | 310°, 91%, 75% | 0, 47, 8, 2 | |
| White Grapefruit | #FCF0DE | 252, 240, 222 | 36°, 83%, 93% | 0, 5, 12, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8AADF7 on #FCF0DE | 1.98:1 | — |
| Aa #F984E5 on #FCF0DE | 1.97:1 | — |
| Aa #90EE90 on #8AADF7 | 1.58:1 | — |
| Aa #90EE90 on #F984E5 | 1.57:1 | — |
| Aa #F1C882 on #8AADF7 | 1.42:1 | — |
| Aa #F1C882 on #F984E5 | 1.41:1 | — |
CSS variables
:root {
--color-1: #f1c882; /* Butterscotch Cake */
--color-2: #90ee90; /* Ulva Lactuca Green */
--color-3: #8aadf7; /* Kitten’s Eye */
--color-4: #f984e5; /* Splash of Grenadine */
--color-5: #fcf0de; /* White Grapefruit */
}Other schemes from Butterscotch Cake
- Butterscotch Cake Complementary Color Scheme#F1C882#FAEDD5#8AADF7#3D7AFD#DBECFB
- 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 Monochromatic Color Scheme#C18116#ECAB3F#F1C882#F8E6C6#FBF4E8
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Butterscotch Cake?
In a tetradic scheme: Ulva Lactuca Green (#90EE90), Kitten’s Eye (#8AADF7), Splash of Grenadine (#F984E5), White Grapefruit (#FCF0DE).
What is the hex code of Butterscotch Cake?
#F1C882.