Butterscotch #FDB147

About this color

#FDB147 is a light, vivid orange. In OKLCH its lightness is 81%, its chroma 0.147 and its hue 72°. Its hue sits on the warm side of the wheel. It is the named color Butterscotch. Black text reads best on it, at 11.55:1.

Colors that go with Butterscotch

Matches found by rotating Butterscotch around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Butterscotch

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Butterscotch, closest first.

• Pool Festival
• Hibiscus Break
• Paprika Rack
• Paprika Kitchen
• Sumac Jar
• Paprika Rub
• Harvest Wallpaper
• Office and Cabinet

Similar named colors

The eight named colors closest to Butterscotch, with their ΔE distance.

• Light Orange #FDAA48 ΔE 0.017
• Orange Yellow #FFAD01 ΔE 0.026
• Mango #FFA62B ΔE 0.026
• Yellow Orange #FCB001 ΔE 0.027
• Macaroni And Cheese #EFB435 ΔE 0.029
• Pale Orange #FFA756 ΔE 0.031
• Orange #FFA500 ΔE 0.033
• Maximum Yellow Red #FCBF49 ΔE 0.034

More about Butterscotch

• Shades of orange
• What orange means

How to make Butterscotch

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 1 part orange
• 1 part white

Recipe result: #FAB055, a difference of ΔE 0.012 from Butterscotch. That is very close: most people will not see the difference.

What colors make orange? | Color mixing chart

Codes for Butterscotch in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Butterscotch

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 300.

1. Step 50

   50

   #FEF4E8

   oklch(97.2% 0.019 72.6)

2. Step 100

   100

   #FCE6CC

   oklch(93.6% 0.042 71.9)

3. Step 200

   200

   #FCD19E

   oklch(88.6% 0.082 71.2)

4. Step 300

   300 (this color)

   #FDB147

   oklch(81.5% 0.147 71.6)

5. Step 400

   400

   #DA8E00

   oklch(70.7% 0.152 71.6)

6. Step 500

   500

   #BB7900

   oklch(63% 0.135 71.5)

7. Step 600

   600

   #9E6500

   oklch(55.5% 0.12 71.1)

8. Step 700

   700

   #855500

   oklch(49.1% 0.105 71.8)

9. Step 800

   800

   #6D4500

   oklch(42.6% 0.091 72)

10. Step 900

    900

    #5C3900

    oklch(37.7% 0.081 71.3)

11. Step 950

    950

    #382100

    oklch(27.1% 0.058 71.5)

Export this scale for Tailwind in the Tailwind colors tool

Butterscotch with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.