Huebook

Cream Puff Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Cream Puff (#FFBB99), each snapped to its nearest named color.

#FF5500
#FF8A4A
#FFBB99
#FFECE5
#FFECE5

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Mystic Red#FF5500255, 85, 020°, 100%, 50%0, 67, 100, 067.6% 0.217 39
Valley of Fire#FF8A4A255, 138, 7421°, 100%, 65%0, 46, 71, 075.1% 0.162 47
Cream Puff#FFBB99255, 187, 15320°, 100%, 80%0, 27, 40, 084.7% 0.091 48
Peach Breeze#FFECE5255, 236, 22916°, 100%, 95%0, 7, 10, 095.6% 0.023 41
Peach Breeze#FFECE5255, 236, 22916°, 100%, 95%0, 7, 10, 095.6% 0.023 41

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF5500 on #FFECE52.81:1—
Aa #FF5500 on #FFECE52.81:1—
Aa #FF8A4A on #FFECE52.05:1—
Aa #FF8A4A on #FFECE52.05:1—
Aa #FF5500 on #FFBB991.96:1—
Aa #FFBB99 on #FFECE51.43:1—

CSS variables

:root {
  --color-1: #ff5500; /* Mystic Red */
  --color-2: #ff8a4a; /* Valley of Fire */
  --color-3: #ffbb99; /* Cream Puff */
  --color-4: #ffece5; /* Peach Breeze */
  --color-5: #ffece5; /* Peach Breeze */
}

Other schemes from Cream Puff

More very light orange monochromatic color schemes

Questions

What colors go with Cream Puff?

In a monochromatic scheme: Mystic Red (#FF5500), Valley of Fire (#FF8A4A), Peach Breeze (#FFECE5), Peach Breeze (#FFECE5).

What is the hex code of Cream Puff?

#FFBB99.