Huebook

Cream Puff Triadic Color Scheme

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

#FFBB99
#9FFEB0
#BB88FF
#FFECE5
#58F898

Color names and codes

NameHEXRGBHSLCMYK
Cream Puff#FFBB99255, 187, 15320°, 100%, 80%0, 27, 40, 0
Synthetic Mint#9FFEB0159, 254, 176131°, 98%, 81%37, 0, 31, 0
Lilac Geode#BB88FF187, 136, 255266°, 100%, 77%27, 47, 0, 0
Peach Breeze#FFECE5255, 236, 22916°, 100%, 95%0, 7, 10, 0
Thallium Flame#58F89888, 248, 152144°, 92%, 66%65, 0, 39, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BB88FF on #FFECE52.28:1—
Aa #9FFEB0 on #BB88FF2.14:1—
Aa #BB88FF on #58F8981.89:1—
Aa #FFBB99 on #BB88FF1.59:1—
Aa #FFBB99 on #FFECE51.43:1—
Aa #FFBB99 on #9FFEB01.35:1—

CSS variables

:root {
  --color-1: #ffbb99; /* Cream Puff */
  --color-2: #9ffeb0; /* Synthetic Mint */
  --color-3: #bb88ff; /* Lilac Geode */
  --color-4: #ffece5; /* Peach Breeze */
  --color-5: #58f898; /* Thallium Flame */
}

Other schemes from Cream Puff

More Very Light Orange triadic palettes

Questions

What colors go with Cream Puff?

In a triadic scheme: Synthetic Mint (#9FFEB0), Lilac Geode (#BB88FF), Peach Breeze (#FFECE5), Thallium Flame (#58F898).

What is the hex code of Cream Puff?

#FFBB99.