Huebook

Dear Reader Complementary Color Scheme

Five colors arranged by the complementary rule around Dear Reader (#F5F3E6), each snapped to its nearest named color.

#F5F3E6
#F7F5ED
#E5E8F2
#ACB5DC
#E9EDF6

Color names and codes

NameHEXRGBHSLCMYK
Dear Reader#F5F3E6245, 243, 23052°, 43%, 93%0, 1, 6, 4
Snow Day#F7F5ED247, 245, 23748°, 38%, 95%0, 1, 4, 3
Whisper Blue#E5E8F2229, 232, 242226°, 33%, 92%5, 4, 0, 5
Sassy Violet#ACB5DC172, 181, 220229°, 41%, 77%22, 18, 0, 14
Coconut White#E9EDF6233, 237, 246222°, 42%, 94%5, 4, 0, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7F5ED on #ACB5DC1.85:1—
Aa #F5F3E6 on #ACB5DC1.81:1—
Aa #ACB5DC on #E9EDF61.72:1—
Aa #E5E8F2 on #ACB5DC1.65:1—
Aa #F7F5ED on #E5E8F21.12:1—
Aa #F5F3E6 on #E5E8F21.10:1—

CSS variables

:root {
  --color-1: #f5f3e6; /* Dear Reader */
  --color-2: #f7f5ed; /* Snow Day */
  --color-3: #e5e8f2; /* Whisper Blue */
  --color-4: #acb5dc; /* Sassy Violet */
  --color-5: #e9edf6; /* Coconut White */
}

Other schemes from Dear Reader

More Very Light Yellow complementary palettes

Questions

What colors go with Dear Reader?

In a complementary scheme: Snow Day (#F7F5ED), Whisper Blue (#E5E8F2), Sassy Violet (#ACB5DC), Coconut White (#E9EDF6).

What is the hex code of Dear Reader?

#F5F3E6.