Huebook

Cream and Butter Tetradic Color Scheme

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

#FEEEA5
#AAFFCC
#A2BFFE
#FBA0E3
#FFFAE5

Color names and codes

NameHEXRGBHSLCMYK
Cream and Butter#FEEEA5254, 238, 16549°, 98%, 82%0, 6, 35, 0
Neo Mint#AAFFCC170, 255, 204144°, 100%, 83%33, 0, 20, 0
Pastel Blue#A2BFFE162, 191, 254221°, 98%, 82%36, 25, 0, 0
Lavender Rose#FBA0E3251, 160, 227316°, 92%, 81%0, 36, 10, 2
Lead Glass#FFFAE5255, 250, 22948°, 100%, 95%0, 2, 10, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FBA0E3 on #FFFAE51.78:1—
Aa #A2BFFE on #FFFAE51.76:1—
Aa #FEEEA5 on #FBA0E31.60:1—
Aa #AAFFCC on #FBA0E31.59:1—
Aa #FEEEA5 on #A2BFFE1.58:1—
Aa #AAFFCC on #A2BFFE1.57:1—

CSS variables

:root {
  --color-1: #feeea5; /* Cream and Butter */
  --color-2: #aaffcc; /* Neo Mint */
  --color-3: #a2bffe; /* Pastel Blue */
  --color-4: #fba0e3; /* Lavender Rose */
  --color-5: #fffae5; /* Lead Glass */
}

Other schemes from Cream and Butter

More Very Light Yellow tetradic palettes

Questions

What colors go with Cream and Butter?

In a tetradic scheme: Neo Mint (#AAFFCC), Pastel Blue (#A2BFFE), Lavender Rose (#FBA0E3), Lead Glass (#FFFAE5).

What is the hex code of Cream and Butter?

#FEEEA5.