Huebook

Engulfed in Light Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Engulfed in Light (#F5F3E9), each snapped to its nearest named color.

#F5F3E9
#EBF1F5
#EBECF5
#DDD5B6
#ECF3F9

Color names and codes

NameHEXRGBHSLCMYK
Engulfed in Light#F5F3E9245, 243, 23350°, 38%, 94%0, 1, 5, 4
Powder White#EBF1F5235, 241, 245204°, 33%, 94%4, 2, 0, 4
Silver Phoenix#EBECF5235, 236, 245234°, 33%, 94%4, 4, 0, 4
Banana Frappé#DDD5B6221, 213, 18248°, 36%, 79%0, 4, 18, 13
Insignia White#ECF3F9236, 243, 249208°, 52%, 95%5, 2, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F5F3E9 on #DDD5B61.32:1—
Aa #DDD5B6 on #ECF3F91.31:1—
Aa #EBF1F5 on #DDD5B61.29:1—
Aa #EBECF5 on #DDD5B61.25:1—
Aa #F5F3E9 on #EBECF51.06:1—
Aa #EBECF5 on #ECF3F91.05:1—

CSS variables

:root {
  --color-1: #f5f3e9; /* Engulfed in Light */
  --color-2: #ebf1f5; /* Powder White */
  --color-3: #ebecf5; /* Silver Phoenix */
  --color-4: #ddd5b6; /* Banana Frappé */
  --color-5: #ecf3f9; /* Insignia White */
}

Other schemes from Engulfed in Light

More Very Light Yellow split-complementary palettes

Questions

What colors go with Engulfed in Light?

In a split-complementary scheme: Powder White (#EBF1F5), Silver Phoenix (#EBECF5), Banana Frappé (#DDD5B6), Insignia White (#ECF3F9).

What is the hex code of Engulfed in Light?

#F5F3E9.