Vaporwave Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vaporwave Blue (#22DDFF), each snapped to its nearest named color.
#22DDFF
#FF2266
#FFBA24
#00BBDD
#FF77A8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vaporwave Blue | #22DDFF | 34, 221, 255 | 189°, 100%, 57% | 87, 13, 0, 0 | |
| Peevish Red | #FF2266 | 255, 34, 102 | 342°, 100%, 57% | 0, 87, 60, 0 | |
| Beloved Sunflower | #FFBA24 | 255, 186, 36 | 41°, 100%, 57% | 0, 27, 86, 0 | |
| Maldives | #00BBDD | 0, 187, 221 | 189°, 100%, 43% | 100, 15, 0, 13 | |
| Pico-8 Pink | #FF77A8 | 255, 119, 168 | 338°, 100%, 73% | 0, 53, 34, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22DDFF on #FF2266 | 2.27:1 | — |
| Aa #FF2266 on #FFBA24 | 2.17:1 | — |
| Aa #FF2266 on #00BBDD | 1.61:1 | — |
| Aa #22DDFF on #FF77A8 | 1.52:1 | — |
| Aa #FF2266 on #FF77A8 | 1.49:1 | — |
| Aa #FFBA24 on #FF77A8 | 1.45:1 | — |
CSS variables
:root {
--color-1: #22ddff; /* Vaporwave Blue */
--color-2: #ff2266; /* Peevish Red */
--color-3: #ffba24; /* Beloved Sunflower */
--color-4: #00bbdd; /* Maldives */
--color-5: #ff77a8; /* Pico-8 Pink */
}Other schemes from Vaporwave Blue
- Vaporwave Blue Complementary Color Scheme#22DDFF#6DEDFD#FF4422#CC2200#FF9988
- Vaporwave Blue Analogous Color Scheme#2DFE54#2AFEB7#22DDFF#2C75FF#4422FF
- Vaporwave Blue Triadic Color Scheme#22DDFF#FF22DD#C9FF27#88EEFF#CC11BB
- Vaporwave Blue Tetradic Color Scheme#22DDFF#AA23FF#FF4422#66FF22#88EEFF
- Vaporwave Blue Monochromatic Color Scheme#007488#00BBDD#22DDFF#6DEDFD#BDF6FE
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Vaporwave Blue?
In a split-complementary scheme: Peevish Red (#FF2266), Beloved Sunflower (#FFBA24), Maldives (#00BBDD), Pico-8 Pink (#FF77A8).
What is the hex code of Vaporwave Blue?
#22DDFF.