Violet Vamp Complementary Color Scheme
Five colors arranged by the complementary rule around Violet Vamp (#DAAFD1), each snapped to its nearest named color.
#DAAFD1
#F8EEF4
#AAD9BB
#7EC083
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Vamp | #DAAFD1 | 218, 175, 209 | 313°, 37%, 77% | 0, 20, 4, 15 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | |
| Shanghai Jade | #AAD9BB | 170, 217, 187 | 142°, 38%, 76% | 22, 0, 14, 15 | |
| Rally Green | #7EC083 | 126, 192, 131 | 125°, 34%, 62% | 34, 0, 32, 25 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7EC083 on #EFF5F1 | 1.95:1 | — |
| Aa #F8EEF4 on #7EC083 | 1.90:1 | — |
| Aa #DAAFD1 on #EFF5F1 | 1.72:1 | — |
| Aa #DAAFD1 on #F8EEF4 | 1.68:1 | — |
| Aa #AAD9BB on #EFF5F1 | 1.42:1 | — |
| Aa #F8EEF4 on #AAD9BB | 1.39:1 | — |
CSS variables
:root {
--color-1: #daafd1; /* Violet Vamp */
--color-2: #f8eef4; /* Sentimental Pink */
--color-3: #aad9bb; /* Shanghai Jade */
--color-4: #7ec083; /* Rally Green */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Violet Vamp
- Violet Vamp Analogous Color Scheme#B6ADD8#CFB1D8#DAAFD1#DBB2BC#D8B6B0
- Violet Vamp Triadic Color Scheme#DAAFD1#CEDAAC#AFD3DA#F8EEF4#B8C17E
- Violet Vamp Split-complementary Color Scheme#DAAFD1#BAD7AE#ADD9D1#CD7DB5#E8F3E4
- Violet Vamp Tetradic Color Scheme#DAAFD1#DBCDAD#AAD9BB#AFBDD9#F8EEF4
- Violet Vamp Monochromatic Color Scheme#A24D8F#CD7DB5#DAAFD1#EFE2F2#F8EEF4
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Violet Vamp?
In a complementary scheme: Sentimental Pink (#F8EEF4), Shanghai Jade (#AAD9BB), Rally Green (#7EC083), Heavy Sugar (#EFF5F1).
What is the hex code of Violet Vamp?
#DAAFD1.