Violet Vapour Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Vapour (#E5DAE1), each snapped to its nearest named color.
#E5DAE1
#DCE5D8
#D9E7E5
#CCA6BF
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Vapour | #E5DAE1 | 229, 218, 225 | 322°, 17%, 88% | 0, 5, 2, 10 | |
| Mint Wafer | #DCE5D8 | 220, 229, 216 | 102°, 20%, 87% | 4, 0, 6, 10 | |
| Tulle Soft Blue | #D9E7E5 | 217, 231, 229 | 171°, 23%, 88% | 6, 0, 1, 9 | |
| Safflower Wisteria | #CCA6BF | 204, 166, 191 | 321°, 27%, 73% | 0, 19, 6, 20 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCA6BF on #EFF5F1 | 1.94:1 | — |
| Aa #D9E7E5 on #CCA6BF | 1.69:1 | — |
| Aa #DCE5D8 on #CCA6BF | 1.66:1 | — |
| Aa #E5DAE1 on #CCA6BF | 1.58:1 | — |
| Aa #E5DAE1 on #EFF5F1 | 1.23:1 | — |
| Aa #DCE5D8 on #EFF5F1 | 1.17:1 | — |
CSS variables
:root {
--color-1: #e5dae1; /* Violet Vapour */
--color-2: #dce5d8; /* Mint Wafer */
--color-3: #d9e7e5; /* Tulle Soft Blue */
--color-4: #cca6bf; /* Safflower Wisteria */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Violet Vapour
- Violet Vapour Complementary Color Scheme#E5DAE1#F5F0F1#DAE6DD#ACC9B2#EFF5F1
- Violet Vapour Analogous Color Scheme#DDD6E7#E4D7E5#E5DAE1#E8D8DA#E6DDD6
- Violet Vapour Triadic Color Scheme#E5DAE1#E2E6D7#D6E3E7#F5F0F1#BDCAA8
- Violet Vapour Tetradic Color Scheme#E5DAE1#E8E5D8#DAE6DD#D8DCE6#F5F0F1
- Violet Vapour Monochromatic Color Scheme#A78199#C2AFBA#E5DAE1#F3F1F3#F3F1F3
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Violet Vapour?
In a split-complementary scheme: Mint Wafer (#DCE5D8), Tulle Soft Blue (#D9E7E5), Safflower Wisteria (#CCA6BF), Heavy Sugar (#EFF5F1).
What is the hex code of Violet Vapour?
#E5DAE1.