Huebook

White Sand Complementary Color Scheme

Five colors arranged by the complementary rule around White Sand (#F5EBD8), each snapped to its nearest named color.

#F5EBD8
#FAF6EA
#D8E1F1
#9BB8E2
#E8EFF8

Color names and codes

NameHEXRGBHSLCMYK
White Sand#F5EBD8245, 235, 21639°, 59%, 90%0, 4, 12, 4
Clear Moon#FAF6EA250, 246, 23445°, 62%, 95%0, 2, 6, 2
Aquarelle Purple#D8E1F1216, 225, 241218°, 47%, 90%10, 7, 0, 5
Honest#9BB8E2155, 184, 226215°, 55%, 75%31, 19, 0, 11
First Snow#E8EFF8232, 239, 248214°, 53%, 94%6, 4, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FAF6EA on #9BB8E21.88:1—
Aa #9BB8E2 on #E8EFF81.75:1—
Aa #F5EBD8 on #9BB8E21.72:1—
Aa #D8E1F1 on #9BB8E21.54:1—
Aa #FAF6EA on #D8E1F11.22:1—
Aa #D8E1F1 on #E8EFF81.14:1—

CSS variables

:root {
  --color-1: #f5ebd8; /* White Sand */
  --color-2: #faf6ea; /* Clear Moon */
  --color-3: #d8e1f1; /* Aquarelle Purple */
  --color-4: #9bb8e2; /* Honest */
  --color-5: #e8eff8; /* First Snow */
}

Other schemes from White Sand

More Very Light Orange complementary palettes

Questions

What colors go with White Sand?

In a complementary scheme: Clear Moon (#FAF6EA), Aquarelle Purple (#D8E1F1), Honest (#9BB8E2), First Snow (#E8EFF8).

What is the hex code of White Sand?

#F5EBD8.