Butterscotch Cake Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Butterscotch Cake (#F1C882), each snapped to its nearest named color.
#C18116
#ECAB3F
#F1C882
#F8E6C6
#FBF4E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Turmeric Brown | #C18116 | 193, 129, 22 | 38°, 80%, 42% | 0, 33, 89, 24 | |
| Yakitori | #ECAB3F | 236, 171, 63 | 37°, 82%, 59% | 0, 28, 73, 7 | |
| Butterscotch Cake | #F1C882 | 241, 200, 130 | 38°, 80%, 73% | 0, 17, 46, 5 | |
| Gabriel’s Torch | #F8E6C6 | 248, 230, 198 | 38°, 78%, 87% | 0, 7, 20, 3 | |
| White Fever | #FBF4E8 | 251, 244, 232 | 38°, 70%, 95% | 0, 3, 8, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C18116 on #FBF4E8 | 2.99:1 | — |
| Aa #C18116 on #F8E6C6 | 2.67:1 | — |
| Aa #C18116 on #F1C882 | 2.08:1 | — |
| Aa #ECAB3F on #FBF4E8 | 1.84:1 | — |
| Aa #ECAB3F on #F8E6C6 | 1.64:1 | — |
| Aa #C18116 on #ECAB3F | 1.63:1 | — |
CSS variables
:root {
--color-1: #c18116; /* Turmeric Brown */
--color-2: #ecab3f; /* Yakitori */
--color-3: #f1c882; /* Butterscotch Cake */
--color-4: #f8e6c6; /* Gabriel’s Torch */
--color-5: #fbf4e8; /* White Fever */
}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 Tetradic Color Scheme#F1C882#90EE90#8AADF7#F984E5#FCF0DE
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with Butterscotch Cake?
In a monochromatic scheme: Turmeric Brown (#C18116), Yakitori (#ECAB3F), Gabriel’s Torch (#F8E6C6), White Fever (#FBF4E8).
What is the hex code of Butterscotch Cake?
#F1C882.