Voila! Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Voila! (#AF8BA8), each snapped to its nearest named color.
#AF8BA8
#93B881
#83BAA8
#94568C
#BAD1B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Voila! | #AF8BA8 | 175, 139, 168 | 312°, 18%, 62% | 0, 21, 4, 31 | |
| Willow Dyed | #93B881 | 147, 184, 129 | 100°, 28%, 61% | 20, 0, 30, 28 | |
| Patina Hue | #83BAA8 | 131, 186, 168 | 160°, 28%, 62% | 30, 0, 10, 27 | |
| Àn Zǐ Purple | #94568C | 148, 86, 140 | 308°, 26%, 46% | 0, 42, 5, 42 | |
| Lime Taffy | #BAD1B5 | 186, 209, 181 | 109°, 23%, 76% | 11, 0, 13, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #94568C on #BAD1B5 | 3.24:1 | AA large |
| Aa #83BAA8 on #94568C | 2.41:1 | — |
| Aa #93B881 on #94568C | 2.37:1 | — |
| Aa #AF8BA8 on #BAD1B5 | 1.82:1 | — |
| Aa #AF8BA8 on #94568C | 1.78:1 | — |
| Aa #93B881 on #BAD1B5 | 1.37:1 | — |
CSS variables
:root {
--color-1: #af8ba8; /* Voila! */
--color-2: #93b881; /* Willow Dyed */
--color-3: #83baa8; /* Patina Hue */
--color-4: #94568c; /* Àn Zǐ Purple */
--color-5: #bad1b5; /* Lime Taffy */
}Other schemes from Voila!
- Voila! Complementary Color Scheme#AF8BA8#D8BFD4#80B690#5D9865#C4DBCB
- Voila! Analogous Color Scheme#9188B5#A885B5#AF8BA8#B68692#B88F88
- Voila! Triadic Color Scheme#AF8BA8#ABB486#84AAB8#DDC4D4#849457
- Voila! Tetradic Color Scheme#AF8BA8#B8A584#80B690#8092BC#DDC4D4
- Voila! Monochromatic Color Scheme#5B4459#876281#AF8BA8#CFB7C9#EDE6ED
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Voila!?
In a split-complementary scheme: Willow Dyed (#93B881), Patina Hue (#83BAA8), Àn Zǐ Purple (#94568C), Lime Taffy (#BAD1B5).
What is the hex code of Voila!?
#AF8BA8.