Huebook

Butterscotch Cake Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Butterscotch Cake (#F1C882), each snapped to its nearest named color.

#C18116
#ECAB3F
#F1C882
#F8E6C6
#FBF4E8

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Turmeric Brown#C18116193, 129, 2238°, 80%, 42%0, 33, 89, 2465.3% 0.134 73
Yakitori#ECAB3F236, 171, 6337°, 82%, 59%0, 28, 73, 778.4% 0.142 76
Butterscotch Cake#F1C882241, 200, 13038°, 80%, 73%0, 17, 46, 585.3% 0.100 80
Gabriel’s Torch#F8E6C6248, 230, 19838°, 78%, 87%0, 7, 20, 393.1% 0.046 82
White Fever#FBF4E8251, 244, 23238°, 70%, 95%0, 3, 8, 296.9% 0.018 81

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C18116 on #FBF4E82.99:1—
Aa #C18116 on #F8E6C62.67:1—
Aa #C18116 on #F1C8822.08:1—
Aa #ECAB3F on #FBF4E81.84:1—
Aa #ECAB3F on #F8E6C61.64:1—
Aa #C18116 on #ECAB3F1.63:1—

CSS variables

:root {
  --color-1: #c18116; /* Turmeric Brown */
  --color-2: #ecab3f; /* Yakitori */
  --color-3: #f1c882; /* Butterscotch Cake */
  --color-4: #f8e6c6; /* Gabriel’s Torch */
  --color-5: #fbf4e8; /* White Fever */
}

Other schemes from Butterscotch Cake

More light orange monochromatic color schemes

Questions

What colors go with Butterscotch Cake?

In a monochromatic scheme: Turmeric Brown (#C18116), Yakitori (#ECAB3F), Gabriel’s Torch (#F8E6C6), White Fever (#FBF4E8).

What is the hex code of Butterscotch Cake?

#F1C882.