Huebook

Vanilla Cream Analogous Color Scheme

Five colors arranged by the analogous rule around Vanilla Cream (#F8E3AB), each snapped to its nearest named color.

#F6ADC6
#FABBA9
#F8E3AB
#EFF8AA
#C1F9A2

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Nadeshiko Pink#F6ADC6246, 173, 198339°, 80%, 82%0, 30, 20, 482.4% 0.091 357
Yahoo#FABBA9250, 187, 16913°, 89%, 82%0, 25, 32, 284.5% 0.078 37
Vanilla Cream#F8E3AB248, 227, 17144°, 85%, 82%0, 8, 31, 392.0% 0.075 90
Australian Mint#EFF8AA239, 248, 17067°, 85%, 82%4, 0, 31, 395.4% 0.099 114
Menthol#C1F9A2193, 249, 16299°, 88%, 81%22, 0, 35, 292.3% 0.127 135

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F6ADC6 on #EFF8AA1.59:1—
Aa #F6ADC6 on #C1F9A21.48:1—
Aa #FABBA9 on #EFF8AA1.47:1—
Aa #F6ADC6 on #F8E3AB1.41:1—
Aa #FABBA9 on #C1F9A21.36:1—
Aa #FABBA9 on #F8E3AB1.30:1—

CSS variables

:root {
  --color-1: #f6adc6; /* Nadeshiko Pink */
  --color-2: #fabba9; /* Yahoo */
  --color-3: #f8e3ab; /* Vanilla Cream */
  --color-4: #eff8aa; /* Australian Mint */
  --color-5: #c1f9a2; /* Menthol */
}

Other schemes from Vanilla Cream

More very light orange analogous color schemes

Questions

What colors go with Vanilla Cream?

In a analogous scheme: Nadeshiko Pink (#F6ADC6), Yahoo (#FABBA9), Australian Mint (#EFF8AA), Menthol (#C1F9A2).

What is the hex code of Vanilla Cream?

#F8E3AB.