Huebook

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

NameHEXRGBHSLCMYK
Lower Lip#F7468A247, 70, 138337°, 92%, 62%0, 72, 44, 3
Red Orange Juice#FF5349255, 83, 733°, 100%, 64%0, 67, 71, 0
Butterscotch#FDB147253, 177, 7135°, 98%, 64%0, 30, 72, 1
Sylph of Light#F7FB4E247, 251, 7861°, 96%, 65%2, 0, 69, 2
Kiwi Pulp#9CEF43156, 239, 6789°, 84%, 60%35, 0, 72, 6

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7468A on #F7FB4E3.04:1AA large
Aa #FF5349 on #F7FB4E2.86:1—
Aa #F7468A on #9CEF432.39:1—
Aa #FF5349 on #9CEF432.25:1—
Aa #F7468A on #FDB1471.86:1—
Aa #FF5349 on #FDB1471.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

More Light Orange analogous palettes

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.