Huebook

Vanilla Drop Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Vanilla Drop (#FFFFEB), each snapped to its nearest named color.

#FFFFEB
#E8F5FC
#F0EBFC
#FCFC9D
#E8F5FC

Color names and codes

NameHEXRGBHSLCMYK
Vanilla Drop#FFFFEB255, 255, 23560°, 100%, 96%0, 0, 8, 0
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1
Placebo Purple#F0EBFC240, 235, 252258°, 74%, 95%5, 7, 0, 1
Walking on Sunshine#FCFC9D252, 252, 15760°, 94%, 80%0, 0, 38, 1
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFFEB on #F0EBFC1.15:1—
Aa #FFFFEB on #E8F5FC1.10:1—
Aa #FFFFEB on #E8F5FC1.10:1—
Aa #F0EBFC on #FCFC9D1.09:1—
Aa #FFFFEB on #FCFC9D1.06:1—
Aa #E8F5FC on #F0EBFC1.05:1—

CSS variables

:root {
  --color-1: #ffffeb; /* Vanilla Drop */
  --color-2: #e8f5fc; /* Kodama White */
  --color-3: #f0ebfc; /* Placebo Purple */
  --color-4: #fcfc9d; /* Walking on Sunshine */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Vanilla Drop

More Very Light Yellow split-complementary palettes

Questions

What colors go with Vanilla Drop?

In a split-complementary scheme: Kodama White (#E8F5FC), Placebo Purple (#F0EBFC), Walking on Sunshine (#FCFC9D), Kodama White (#E8F5FC).

What is the hex code of Vanilla Drop?

#FFFFEB.