Butterscotch
Online color picker to view shades, tints, color codes, and complementary colors
Butterscotch is a warm, high-energy shade that leans toward a golden-yellow orange. It carries a glowing, neon quality that can quickly overwhelm a layout if used in large blocks. Use #fdb147 as a striking accent color rather than a base. It pairs beautifully with deep charcoal or navy, which provides enough contrast for excellent readability. The hex code for this color is #fdb147.
Questions about Butterscotch
What is the hex code for Butterscotch?
Butterscotch is #fdb147. In RGB that is rgb(253, 177, 71), in HSL hsl(35, 98%, 64%) and in CMYK 0%, 30%, 72%, 1%.
How should I use Butterscotch #fdb147 in my design projects?
Butterscotch #fdb147 works best as a punchy accent color rather than a primary background because of its high saturation. Use it to highlight call-to-action buttons or small graphic elements against charcoal or dark navy backgrounds to maintain strong contrast.
What colors pair well with Butterscotch #fdb147?
Is Butterscotch readable on white or black?
Butterscotch has a 1.81:1 contrast ratio on white and 11.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.