Huebook

White Chocolate Analogous Color Scheme

Five colors arranged by the analogous rule around White Chocolate (#F0E3C7), each snapped to its nearest named color.

#EEC8D3
#F2CCC5
#F0E3C7
#EDEEC5
#D8F1CB

Color names and codes

NameHEXRGBHSLCMYK
Pale Primrose#EEC8D3238, 200, 211343°, 53%, 86%0, 16, 11, 7
Oleander#F2CCC5242, 204, 1979°, 63%, 86%0, 16, 19, 5
White Chocolate#F0E3C7240, 227, 19941°, 58%, 86%0, 5, 17, 6
Oh Dahling#EDEEC5237, 238, 19761°, 55%, 85%0, 0, 17, 7
Fresh Lime#D8F1CB216, 241, 20399°, 58%, 87%10, 0, 16, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EEC8D3 on #EDEEC51.27:1—
Aa #EEC8D3 on #D8F1CB1.25:1—
Aa #F2CCC5 on #EDEEC51.24:1—
Aa #F2CCC5 on #D8F1CB1.22:1—
Aa #EEC8D3 on #F0E3C71.19:1—
Aa #F2CCC5 on #F0E3C71.16:1—

CSS variables

:root {
  --color-1: #eec8d3; /* Pale Primrose */
  --color-2: #f2ccc5; /* Oleander */
  --color-3: #f0e3c7; /* White Chocolate */
  --color-4: #edeec5; /* Oh Dahling */
  --color-5: #d8f1cb; /* Fresh Lime */
}

Other schemes from White Chocolate

More Very Light Orange analogous palettes

Questions

What colors go with White Chocolate?

In a analogous scheme: Pale Primrose (#EEC8D3), Oleander (#F2CCC5), Oh Dahling (#EDEEC5), Fresh Lime (#D8F1CB).

What is the hex code of White Chocolate?

#F0E3C7.