Huebook

Hint of Yellow Complementary Color Scheme

Five colors arranged by the complementary rule around Hint of Yellow (#FAF1CD), each snapped to its nearest named color.

#FAF1CD
#FBF9E8
#CFDAFB
#8F99FB
#E8EEFE

Color names and codes

NameHEXRGBHSLCMYK
Hint of Yellow#FAF1CD250, 241, 20548°, 82%, 89%0, 4, 18, 2
Elderflower#FBF9E8251, 249, 23254°, 70%, 95%0, 1, 8, 2
Icy Plains#CFDAFB207, 218, 251225°, 85%, 90%18, 13, 0, 2
Periwinkle Blue#8F99FB143, 153, 251234°, 93%, 77%43, 39, 0, 2
Brilliant White#E8EEFE232, 238, 254224°, 92%, 95%9, 6, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FBF9E8 on #8F99FB2.44:1—
Aa #FAF1CD on #8F99FB2.28:1—
Aa #8F99FB on #E8EEFE2.23:1—
Aa #CFDAFB on #8F99FB1.86:1—
Aa #FBF9E8 on #CFDAFB1.31:1—
Aa #FAF1CD on #CFDAFB1.23:1—

CSS variables

:root {
  --color-1: #faf1cd; /* Hint of Yellow */
  --color-2: #fbf9e8; /* Elderflower */
  --color-3: #cfdafb; /* Icy Plains */
  --color-4: #8f99fb; /* Periwinkle Blue */
  --color-5: #e8eefe; /* Brilliant White */
}

Other schemes from Hint of Yellow

More Very Light Yellow complementary palettes

Questions

What colors go with Hint of Yellow?

In a complementary scheme: Elderflower (#FBF9E8), Icy Plains (#CFDAFB), Periwinkle Blue (#8F99FB), Brilliant White (#E8EEFE).

What is the hex code of Hint of Yellow?

#FAF1CD.