Butterscotch Tetradic Color Scheme
Five colors arranged by the tetradic rule around Butterscotch (#FDB147), each snapped to its nearest named color.
#FDB147
#4EFD54
#4499FF
#FF44EE
#FFDCAC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Butterscotch | #FDB147 | 253, 177, 71 | 35°, 98%, 64% | 0, 30, 72, 1 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 | |
| Sky Dancer | #4499FF | 68, 153, 255 | 213°, 100%, 63% | 73, 40, 0, 0 | |
| Actinic Light | #FF44EE | 255, 68, 238 | 305°, 100%, 63% | 0, 73, 7, 0 | |
| Peach Glow | #FFDCAC | 255, 220, 172 | 35°, 100%, 84% | 0, 14, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4499FF on #FFDCAC | 2.22:1 | — |
| Aa #FF44EE on #FFDCAC | 2.20:1 | — |
| Aa #4EFD54 on #4499FF | 2.14:1 | — |
| Aa #4EFD54 on #FF44EE | 2.12:1 | — |
| Aa #FDB147 on #4499FF | 1.59:1 | — |
| Aa #FDB147 on #FF44EE | 1.58:1 | — |
CSS variables
:root {
--color-1: #fdb147; /* Butterscotch */
--color-2: #4efd54; /* Goblin Warboss */
--color-3: #4499ff; /* Sky Dancer */
--color-4: #ff44ee; /* Actinic Light */
--color-5: #ffdcac; /* Peach Glow */
}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 Monochromatic Color Scheme#AA6600#F19000#FDB147#FAD28F#FFF0DE
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?
In a tetradic scheme: Goblin Warboss (#4EFD54), Sky Dancer (#4499FF), Actinic Light (#FF44EE), Peach Glow (#FFDCAC).
What is the hex code of Butterscotch?
#FDB147.