Sparky Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sparky Blue (#22EEFF), each snapped to its nearest named color.
#22EEFF
#FF2288
#FFAA22
#00C5CD
#F970AC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 | |
| Reliquial Rose | #FF2288 | 255, 34, 136 | 332°, 100%, 57% | 0, 87, 47, 0 | |
| Honey Wax | #FFAA22 | 255, 170, 34 | 37°, 100%, 57% | 0, 33, 87, 0 | |
| Turquoise Surf | #00C5CD | 0, 197, 205 | 182°, 100%, 40% | 100, 4, 0, 20 | |
| Crazy Pink | #F970AC | 249, 112, 172 | 334°, 92%, 71% | 0, 55, 31, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22EEFF on #FF2288 | 2.53:1 | — |
| Aa #FF2288 on #FFAA22 | 1.89:1 | — |
| Aa #22EEFF on #F970AC | 1.86:1 | — |
| Aa #FF2288 on #00C5CD | 1.69:1 | — |
| Aa #22EEFF on #00C5CD | 1.49:1 | — |
| Aa #FFAA22 on #F970AC | 1.39:1 | — |
CSS variables
:root {
--color-1: #22eeff; /* Sparky Blue */
--color-2: #ff2288; /* Reliquial Rose */
--color-3: #ffaa22; /* Honey Wax */
--color-4: #00c5cd; /* Turquoise Surf */
--color-5: #f970ac; /* Crazy Pink */
}Other schemes from Sparky Blue
- Sparky Blue Complementary Color Scheme#22EEFF#7DF9FF#FF3322#D41003#FF8D86
- Sparky Blue Analogous Color Scheme#26FF2A#2AFEB7#22EEFF#2188FF#3A2EFE
- Sparky Blue Triadic Color Scheme#22EEFF#FF22EE#EEFF22#8AF1FE#D800CC
- Sparky Blue Tetradic Color Scheme#22EEFF#A020FF#FF3322#88FF22#8AF1FE
- Sparky Blue Monochromatic Color Scheme#007F87#00C5CD#22EEFF#6DEDFD#BFFBFF
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 Sparky Blue?
In a split-complementary scheme: Reliquial Rose (#FF2288), Honey Wax (#FFAA22), Turquoise Surf (#00C5CD), Crazy Pink (#F970AC).
What is the hex code of Sparky Blue?
#22EEFF.