Butterscotch Analogous Color Scheme
Five colors arranged by the analogous rule around Butterscotch (#FDB147), each snapped to its nearest named color.
#F7468A
#FF5349
#FDB147
#F7FB4E
#9CEF43
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lower Lip | #F7468A | 247, 70, 138 | 337°, 92%, 62% | 0, 72, 44, 3 | |
| Red Orange Juice | #FF5349 | 255, 83, 73 | 3°, 100%, 64% | 0, 67, 71, 0 | |
| Butterscotch | #FDB147 | 253, 177, 71 | 35°, 98%, 64% | 0, 30, 72, 1 | |
| Sylph of Light | #F7FB4E | 247, 251, 78 | 61°, 96%, 65% | 2, 0, 69, 2 | |
| Kiwi Pulp | #9CEF43 | 156, 239, 67 | 89°, 84%, 60% | 35, 0, 72, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7468A on #F7FB4E | 3.04:1 | AA large |
| Aa #FF5349 on #F7FB4E | 2.86:1 | — |
| Aa #F7468A on #9CEF43 | 2.39:1 | — |
| Aa #FF5349 on #9CEF43 | 2.25:1 | — |
| Aa #F7468A on #FDB147 | 1.86:1 | — |
| Aa #FF5349 on #FDB147 | 1.75:1 | — |
CSS variables
:root {
--color-1: #f7468a; /* Lower Lip */
--color-2: #ff5349; /* Red Orange Juice */
--color-3: #fdb147; /* Butterscotch */
--color-4: #f7fb4e; /* Sylph of Light */
--color-5: #9cef43; /* Kiwi Pulp */
}Other schemes from Butterscotch
- Butterscotch Complementary Color Scheme#FDB147#FDD7A2#4499FF#0066EE#AACCFF
- 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
- Butterscotch Monochromatic Color Scheme#AA6600#F19000#FDB147#FAD28F#FFF0DE
More Light Orange analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Butterscotch?
In a analogous scheme: Lower Lip (#F7468A), Red Orange Juice (#FF5349), Sylph of Light (#F7FB4E), Kiwi Pulp (#9CEF43).
What is the hex code of Butterscotch?
#FDB147.