Featherbed Complementary Color Scheme
Five colors arranged by the complementary rule around Featherbed (#AFCBE5), each snapped to its nearest named color.
#AFCBE5
#ECF3F9
#E5CAAF
#D2A172
#F8F1EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Featherbed | #AFCBE5 | 175, 203, 229 | 209°, 51%, 79% | 24, 11, 0, 10 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Grey Sand | #E5CAAF | 229, 202, 175 | 30°, 51%, 79% | 0, 12, 24, 10 | |
| Muntok White Pepper | #D2A172 | 210, 161, 114 | 29°, 52%, 64% | 0, 23, 46, 18 | |
| Shea | #F8F1EB | 248, 241, 235 | 28°, 48%, 95% | 0, 3, 5, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D2A172 on #F8F1EB | 2.07:1 | — |
| Aa #ECF3F9 on #D2A172 | 2.07:1 | — |
| Aa #AFCBE5 on #F8F1EB | 1.50:1 | — |
| Aa #AFCBE5 on #ECF3F9 | 1.50:1 | — |
| Aa #E5CAAF on #D2A172 | 1.48:1 | — |
| Aa #E5CAAF on #F8F1EB | 1.40:1 | — |
CSS variables
:root {
--color-1: #afcbe5; /* Featherbed */
--color-2: #ecf3f9; /* Insignia White */
--color-3: #e5caaf; /* Grey Sand */
--color-4: #d2a172; /* Muntok White Pepper */
--color-5: #f8f1eb; /* Shea */
}Other schemes from Featherbed
- Featherbed Analogous Color Scheme#B0E5C9#B0E6E3#AFCBE5#ACACE6#C2B2F0
- Featherbed Triadic Color Scheme#AFCBE5#E7AECD#CAE4B2#ECF3F9#CC76A3
- Featherbed Split-complementary Color Scheme#AFCBE5#E6B0AF#E3E5B1#73A3D0#F9EAEA
- Featherbed Tetradic Color Scheme#AFCBE5#EDABE6#E5CAAF#B1E5AA#ECF3F9
- Featherbed Monochromatic Color Scheme#3C85BE#73A3D0#AFCBE5#E7F0F7#ECF3F9
More Light Blue complementary palettes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Featherbed?
In a complementary scheme: Insignia White (#ECF3F9), Grey Sand (#E5CAAF), Muntok White Pepper (#D2A172), Shea (#F8F1EB).
What is the hex code of Featherbed?
#AFCBE5.