Huebook

Whipped Cream Tetradic Color Scheme

Five colors arranged by the tetradic rule around Whipped Cream (#F2F0E7), each snapped to its nearest named color.

#F2F0E7
#E8F2EB
#E5E8F2
#F1E8EC
#F7F5ED

Color names and codes

NameHEXRGBHSLCMYK
Whipped Cream#F2F0E7242, 240, 23149°, 30%, 93%0, 1, 5, 5
Astronomer#E8F2EB232, 242, 235138°, 28%, 93%4, 0, 3, 5
Whisper Blue#E5E8F2229, 232, 242226°, 33%, 92%5, 4, 0, 5
Rose Fantasy#F1E8EC241, 232, 236333°, 24%, 93%0, 4, 2, 5
Snow Day#F7F5ED247, 245, 23748°, 38%, 95%0, 1, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E5E8F2 on #F7F5ED1.12:1—
Aa #F1E8EC on #F7F5ED1.10:1—
Aa #F2F0E7 on #E5E8F21.07:1—
Aa #E8F2EB on #E5E8F21.07:1—
Aa #F2F0E7 on #F1E8EC1.05:1—
Aa #E8F2EB on #F7F5ED1.05:1—

CSS variables

:root {
  --color-1: #f2f0e7; /* Whipped Cream */
  --color-2: #e8f2eb; /* Astronomer */
  --color-3: #e5e8f2; /* Whisper Blue */
  --color-4: #f1e8ec; /* Rose Fantasy */
  --color-5: #f7f5ed; /* Snow Day */
}

Other schemes from Whipped Cream

More Very Light Yellow tetradic palettes

Questions

What colors go with Whipped Cream?

In a tetradic scheme: Astronomer (#E8F2EB), Whisper Blue (#E5E8F2), Rose Fantasy (#F1E8EC), Snow Day (#F7F5ED).

What is the hex code of Whipped Cream?

#F2F0E7.