Huebook

Puffy Pillow Triadic Color Scheme

Five colors arranged by the triadic rule around Puffy Pillow (#E7E5DE), each snapped to its nearest named color.

#E7E5DE
#D9EAE5
#E5DBEB
#F6F4EF
#AFCDC7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Puffy Pillow#E7E5DE231, 229, 22247°, 16%, 89%0, 1, 4, 992.2% 0.010 94
Tropical Dream#D9EAE5217, 234, 229162°, 29%, 88%7, 0, 2, 892.3% 0.019 176
Princess Fairy Tale#E5DBEB229, 219, 235278°, 29%, 89%3, 7, 0, 890.4% 0.024 313
The Speed of Light#F6F4EF246, 244, 23943°, 28%, 95%0, 1, 3, 496.7% 0.007 89
Andean Opal Green#AFCDC7175, 205, 199168°, 23%, 75%15, 0, 3, 2082.4% 0.033 182

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F6F4EF on #AFCDC71.54:1—
Aa #D9EAE5 on #AFCDC71.36:1—
Aa #E7E5DE on #AFCDC71.35:1—
Aa #E5DBEB on #AFCDC71.27:1—
Aa #E5DBEB on #F6F4EF1.22:1—
Aa #E7E5DE on #F6F4EF1.15:1—

CSS variables

:root {
  --color-1: #e7e5de; /* Puffy Pillow */
  --color-2: #d9eae5; /* Tropical Dream */
  --color-3: #e5dbeb; /* Princess Fairy Tale */
  --color-4: #f6f4ef; /* The Speed of Light */
  --color-5: #afcdc7; /* Andean Opal Green */
}

Other schemes from Puffy Pillow

More very light yellow triadic color schemes

Questions

What colors go with Puffy Pillow?

In a triadic scheme: Tropical Dream (#D9EAE5), Princess Fairy Tale (#E5DBEB), The Speed of Light (#F6F4EF), Andean Opal Green (#AFCDC7).

What is the hex code of Puffy Pillow?

#E7E5DE.