Huebook

Floating Feather Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Floating Feather (#E9D8C2), each snapped to its nearest named color.

#E9D8C2
#C2E7E8
#C4C0E9
#D4B28B
#ECF7F7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Floating Feather#E9D8C2233, 216, 19434°, 47%, 84%0, 7, 17, 989.0% 0.035 74
On Cloud Nine#C2E7E8194, 231, 232182°, 45%, 84%16, 0, 0, 990.2% 0.039 199
Violet Gems#C4C0E9196, 192, 233246°, 48%, 83%16, 18, 0, 982.4% 0.057 290
Summerwood#D4B28B212, 178, 13932°, 46%, 69%0, 16, 34, 1778.4% 0.066 70
Aijiro White#ECF7F7236, 247, 247180°, 41%, 95%4, 0, 0, 396.8% 0.012 197

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D4B28B on #ECF7F71.82:1—
Aa #C4C0E9 on #ECF7F71.59:1—
Aa #C2E7E8 on #D4B28B1.51:1—
Aa #E9D8C2 on #D4B28B1.43:1—
Aa #C2E7E8 on #C4C0E91.32:1—
Aa #E9D8C2 on #ECF7F71.28:1—

CSS variables

:root {
  --color-1: #e9d8c2; /* Floating Feather */
  --color-2: #c2e7e8; /* On Cloud Nine */
  --color-3: #c4c0e9; /* Violet Gems */
  --color-4: #d4b28b; /* Summerwood */
  --color-5: #ecf7f7; /* Aijiro White */
}

Other schemes from Floating Feather

More very light orange split-complementary color schemes

Questions

What colors go with Floating Feather?

In a split-complementary scheme: On Cloud Nine (#C2E7E8), Violet Gems (#C4C0E9), Summerwood (#D4B28B), Aijiro White (#ECF7F7).

What is the hex code of Floating Feather?

#E9D8C2.