Vaporwave Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vaporwave (#FF66EE), each snapped to its nearest named color.
#FF66EE
#AEFD6C
#7BFDC7
#EF1DE7
#C8FFB0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Vaporwave | #FF66EE | 255, 102, 238 | 307°, 100%, 70% | 0, 60, 7, 0 | 74.8% 0.238 332 | |
| Stinging Wasabi | #AEFD6C | 174, 253, 108 | 93°, 97%, 71% | 31, 0, 57, 1 | 91.3% 0.194 133 | |
| Iridescent Turquoise | #7BFDC7 | 123, 253, 199 | 155°, 97%, 74% | 51, 0, 21, 1 | 90.6% 0.139 164 | |
| Pink Pride | #EF1DE7 | 239, 29, 231 | 302°, 87%, 53% | 0, 88, 3, 6 | 67.0% 0.294 330 | |
| Sour Green Cherry | #C8FFB0 | 200, 255, 176 | 102°, 100%, 85% | 22, 0, 31, 0 | 94.3% 0.118 136 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EF1DE7 on #C8FFB0 | 3.06:1 | AA large |
| Aa #AEFD6C on #EF1DE7 | 2.84:1 | — |
| Aa #7BFDC7 on #EF1DE7 | 2.79:1 | — |
| Aa #FF66EE on #C8FFB0 | 2.19:1 | — |
| Aa #FF66EE on #AEFD6C | 2.03:1 | — |
| Aa #FF66EE on #7BFDC7 | 1.99:1 | — |
CSS variables
:root {
--color-1: #ff66ee; /* Vaporwave */
--color-2: #aefd6c; /* Stinging Wasabi */
--color-3: #7bfdc7; /* Iridescent Turquoise */
--color-4: #ef1de7; /* Pink Pride */
--color-5: #c8ffb0; /* Sour Green Cherry */
}Other schemes from Vaporwave
- Vaporwave Complementary Color Scheme#FF66EE#FCCCF5#73FA79#16F12D#CCFFCC
- Vaporwave Analogous Color Scheme#6666FF#C760FF#FF66EE#FF69AF#FF796C
- Vaporwave Triadic Color Scheme#FF66EE#F1FF62#6DEDFD#FCCCF5#EEFF11
- Vaporwave Tetradic Color Scheme#FF66EE#FFC367#73FA79#77AAFF#FCCCF5
- Vaporwave Monochromatic Color Scheme#CC11BB#EF1DE7#FF66EE#FFB3F0#FFEBFE
More light pink split-complementary color schemes
- 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 Vaporwave?
In a split-complementary scheme: Stinging Wasabi (#AEFD6C), Iridescent Turquoise (#7BFDC7), Pink Pride (#EF1DE7), Sour Green Cherry (#C8FFB0).
What is the hex code of Vaporwave?
#FF66EE.