Butterscotch Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Butterscotch (#FDB147), each snapped to its nearest named color.
#AA6600
#F19000
#FDB147
#FAD28F
#FFF0DE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Butter Fudge | #AA6600 | 170, 102, 0 | 36°, 100%, 33% | 0, 40, 100, 33 | |
| Shiritorier’s Orange | #F19000 | 241, 144, 0 | 36°, 100%, 47% | 0, 40, 100, 5 | |
| Butterscotch | #FDB147 | 253, 177, 71 | 35°, 98%, 64% | 0, 30, 72, 1 | |
| Sunbathed Beach | #FAD28F | 250, 210, 143 | 38°, 91%, 77% | 0, 16, 43, 2 | |
| Candy Floss Cupcake | #FFF0DE | 255, 240, 222 | 33°, 100%, 94% | 0, 6, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA6600 on #FFF0DE | 4.07:1 | AA large |
| Aa #AA6600 on #FAD28F | 3.18:1 | AA large |
| Aa #AA6600 on #FDB147 | 2.51:1 | — |
| Aa #F19000 on #FFF0DE | 2.15:1 | — |
| Aa #AA6600 on #F19000 | 1.89:1 | — |
| Aa #F19000 on #FAD28F | 1.68:1 | — |
CSS variables
:root {
--color-1: #aa6600; /* Butter Fudge */
--color-2: #f19000; /* Shiritorier’s Orange */
--color-3: #fdb147; /* Butterscotch */
--color-4: #fad28f; /* Sunbathed Beach */
--color-5: #fff0de; /* Candy Floss Cupcake */
}Other schemes from Butterscotch
- Butterscotch Complementary Color Scheme#FDB147#FDD7A2#4499FF#0066EE#AACCFF
- Butterscotch Analogous Color Scheme#F7468A#FF5349#FDB147#F7FB4E#9CEF43
- Butterscotch Triadic Color Scheme#FDB147#55FFAA#AA55FF#FFDCAC#00FA92
- Butterscotch Split-complementary Color Scheme#FDB147#45E9FD#524EFB#F19000#8AF1FE
- Butterscotch Tetradic Color Scheme#FDB147#4EFD54#4499FF#FF44EE#FFDCAC
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?
In a monochromatic scheme: Butter Fudge (#AA6600), Shiritorier’s Orange (#F19000), Sunbathed Beach (#FAD28F), Candy Floss Cupcake (#FFF0DE).
What is the hex code of Butterscotch?
#FDB147.