Huebook

Cotton Field Analogous Color Scheme

Five colors arranged by the analogous rule around Cotton Field (#F2F0E8), each snapped to its nearest named color.

#F3E8EA
#F3ECE7
#F2F0E8
#F0F1E7
#EBF1E9

Color names and codes

NameHEXRGBHSLCMYKOKLCH
White-Red#F3E8EA243, 232, 234349°, 31%, 93%0, 5, 4, 594.0% 0.012 5
Pale Lily#F3ECE7243, 236, 23125°, 33%, 93%0, 3, 5, 594.7% 0.010 58
Cotton Field#F2F0E8242, 240, 23248°, 28%, 93%0, 1, 4, 595.4% 0.011 95
Falling Snow#F0F1E7240, 241, 23166°, 26%, 93%0, 0, 4, 595.5% 0.013 111
Breakwater White#EBF1E9235, 241, 233105°, 22%, 93%2, 0, 3, 595.1% 0.012 138

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F3E8EA on #F0F1E71.05:1—
Aa #F3E8EA on #F2F0E81.05:1—
Aa #F3E8EA on #EBF1E91.04:1—
Aa #F3ECE7 on #F0F1E71.03:1—
Aa #F3ECE7 on #F2F0E81.02:1—
Aa #F3E8EA on #F3ECE71.02:1—

CSS variables

:root {
  --color-1: #f3e8ea; /* White-Red */
  --color-2: #f3ece7; /* Pale Lily */
  --color-3: #f2f0e8; /* Cotton Field */
  --color-4: #f0f1e7; /* Falling Snow */
  --color-5: #ebf1e9; /* Breakwater White */
}

Other schemes from Cotton Field

More very light yellow analogous color schemes

Questions

What colors go with Cotton Field?

In a analogous scheme: White-Red (#F3E8EA), Pale Lily (#F3ECE7), Falling Snow (#F0F1E7), Breakwater White (#EBF1E9).

What is the hex code of Cotton Field?

#F2F0E8.