Huebook

Buttered Up Analogous Color Scheme

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

#F7D2D8
#F6DCD2
#F7F0D2
#ECF4D2
#D8F3D7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
First Daughter#F7D2D8247, 210, 216350°, 70%, 90%0, 15, 13, 389.7% 0.042 7
Air-Kiss#F6DCD2246, 220, 21017°, 67%, 89%0, 11, 15, 491.3% 0.032 42
Buttered Up#F7F0D2247, 240, 21049°, 70%, 90%0, 3, 15, 395.3% 0.040 96
Light Freshman#ECF4D2236, 244, 21074°, 61%, 89%3, 0, 14, 495.2% 0.045 118
Light Carolina#D8F3D7216, 243, 215118°, 54%, 90%11, 0, 12, 593.7% 0.047 144

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7D2D8 on #ECF4D21.22:1—
Aa #F7D2D8 on #F7F0D21.21:1—
Aa #F7D2D8 on #D8F3D71.17:1—
Aa #F6DCD2 on #ECF4D21.15:1—
Aa #F6DCD2 on #F7F0D21.14:1—
Aa #F6DCD2 on #D8F3D71.10:1—

CSS variables

:root {
  --color-1: #f7d2d8; /* First Daughter */
  --color-2: #f6dcd2; /* Air-Kiss */
  --color-3: #f7f0d2; /* Buttered Up */
  --color-4: #ecf4d2; /* Light Freshman */
  --color-5: #d8f3d7; /* Light Carolina */
}

Other schemes from Buttered Up

More very light yellow analogous color schemes

Questions

What colors go with Buttered Up?

In a analogous scheme: First Daughter (#F7D2D8), Air-Kiss (#F6DCD2), Light Freshman (#ECF4D2), Light Carolina (#D8F3D7).

What is the hex code of Buttered Up?

#F7F0D2.