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

NameHEXRGBHSLCMYK
Nadeshiko Pink#F6ADC6246, 173, 198339°, 80%, 82%0, 30, 20, 4
Yahoo#FABBA9250, 187, 16913°, 89%, 82%0, 25, 32, 2
Vanilla Cream#F8E3AB248, 227, 17144°, 85%, 82%0, 8, 31, 3
Australian Mint#EFF8AA239, 248, 17067°, 85%, 82%4, 0, 31, 3
Menthol#C1F9A2193, 249, 16299°, 88%, 81%22, 0, 35, 2

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 palettes

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.