Huebook

Buttered Up Complementary Color Scheme

Five colors arranged by the complementary rule around Buttered Up (#F7F0D2), each snapped to its nearest named color.

#F7F0D2
#FAF7E9
#D2D8F4
#9BA0EF
#E7EFFB

Color names and codes

NameHEXRGBHSLCMYK
Buttered Up#F7F0D2247, 240, 21049°, 70%, 90%0, 3, 15, 3
Touch of Sun#FAF7E9250, 247, 23349°, 63%, 95%0, 1, 7, 2
Flax Bloom#D2D8F4210, 216, 244229°, 61%, 89%14, 11, 0, 4
Cold Lips#9BA0EF155, 160, 239236°, 72%, 77%35, 33, 0, 6
Cotton Boll#E7EFFB231, 239, 251216°, 71%, 95%8, 5, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FAF7E9 on #9BA0EF2.25:1—
Aa #F7F0D2 on #9BA0EF2.12:1—
Aa #9BA0EF on #E7EFFB2.09:1—
Aa #D2D8F4 on #9BA0EF1.72:1—
Aa #FAF7E9 on #D2D8F41.31:1—
Aa #F7F0D2 on #D2D8F41.23:1—

CSS variables

:root {
  --color-1: #f7f0d2; /* Buttered Up */
  --color-2: #faf7e9; /* Touch of Sun */
  --color-3: #d2d8f4; /* Flax Bloom */
  --color-4: #9ba0ef; /* Cold Lips */
  --color-5: #e7effb; /* Cotton Boll */
}

Other schemes from Buttered Up

More Very Light Yellow complementary palettes

Questions

What colors go with Buttered Up?

In a complementary scheme: Touch of Sun (#FAF7E9), Flax Bloom (#D2D8F4), Cold Lips (#9BA0EF), Cotton Boll (#E7EFFB).

What is the hex code of Buttered Up?

#F7F0D2.