Velvet Scarf Complementary Color Scheme
Five colors arranged by the complementary rule around Velvet Scarf (#E3DFEC), each snapped to its nearest named color.
#E3DFEC
#F3F1F3
#E9EBDE
#C6CFAD
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Velvet Scarf | #E3DFEC | 227, 223, 236 | 258°, 25%, 90% | 4, 6, 0, 7 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 | |
| Sterling Shadow | #E9EBDE | 233, 235, 222 | 69°, 25%, 90% | 1, 0, 6, 8 | |
| Bamboo White | #C6CFAD | 198, 207, 173 | 76°, 26%, 75% | 4, 0, 16, 19 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6CFAD on #F4F4F0 | 1.47:1 | — |
| Aa #F3F1F3 on #C6CFAD | 1.45:1 | — |
| Aa #E9EBDE on #C6CFAD | 1.35:1 | — |
| Aa #E3DFEC on #C6CFAD | 1.24:1 | — |
| Aa #E3DFEC on #F4F4F0 | 1.19:1 | — |
| Aa #E3DFEC on #F3F1F3 | 1.17:1 | — |
CSS variables
:root {
--color-1: #e3dfec; /* Velvet Scarf */
--color-2: #f3f1f3; /* Aragonite White */
--color-3: #e9ebde; /* Sterling Shadow */
--color-4: #c6cfad; /* Bamboo White */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Velvet Scarf
- Velvet Scarf Analogous Color Scheme#DFE7EC#DEE2EC#E3DFEC#E8DFED#EADFE8
- Velvet Scarf Triadic Color Scheme#E3DFEC#EDE3DF#DFEBE2#F3F1F3#D0BBB0
- Velvet Scarf Split-complementary Color Scheme#E3DFEC#EDE9DF#E4ECDF#B8B0CF#F6F4EF
- Velvet Scarf Tetradic Color Scheme#E3DFEC#EADEE0#E9EBDE#DFECE9#F3F1F3
- Velvet Scarf Monochromatic Color Scheme#8F7BB7#B8B0CF#E3DFEC#F3F1F3#F3F1F3
More Very Light Purple complementary palettes
- Beefy Pink Complementary Color Scheme#DEBEEF#F8EBFC#CCEEBB#A3E493#F1FAEA
- Digital Lavender Complementary Color Scheme#CAC0E1#F1F2F8#D9E1C1#B6CA90#F4F7EE
- Diva Complementary Color Scheme#C9A0FF#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Dust of the Moon Complementary Color Scheme#CFC9DF#F1F2F8#D8DDCA#BBC199#F4F7EE
- Foggy Love Complementary Color Scheme#D5C7E8#F0EBFC#D9E8C9#BCCF8F#F2F8ED
- Girl Crush Complementary Color Scheme#D1C0DC#F3F1F3#CEDAC3#A4C48E#EFF5F1
- Greek Goddess Complementary Color Scheme#EDE9EF#F3F1F3#EAF1E6#C1D6B1#EFF5F1
- Holographic Lavender Complementary Color Scheme#F0E5F5#F3E9F7#EAF5E7#B8E2B0#F1F8EC
- Homoeopathic Lavender Complementary Color Scheme#E5E0EC#F3F1F3#E6EAE0#C1D0B2#F4F4F0
- Iron Maiden Complementary Color Scheme#D6D1DC#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Lavender Bliss Complementary Color Scheme#CEC3DD#F3F1F3#D1DBC2#AFC195#F4F7EE
- Lilac Complementary Color Scheme#CEA2FD#F0EBFC#DDFFAA#AAFF55#F6FFE8
Questions
What colors go with Velvet Scarf?
In a complementary scheme: Aragonite White (#F3F1F3), Sterling Shadow (#E9EBDE), Bamboo White (#C6CFAD), Classic Chalk (#F4F4F0).
What is the hex code of Velvet Scarf?
#E3DFEC.