Hey Blue! Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hey Blue! (#16F8FF), each snapped to its nearest named color.
#16F8FF
#FA1A8E
#FF8E13
#00C5CD
#FF69AF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hey Blue! | #16F8FF | 22, 248, 255 | 182°, 100%, 54% | 91, 3, 0, 0 | |
| Philippine Pink | #FA1A8E | 250, 26, 142 | 329°, 96%, 54% | 0, 90, 43, 2 | |
| Laddu Orange | #FF8E13 | 255, 142, 19 | 31°, 100%, 54% | 0, 44, 93, 0 | |
| Turquoise Surf | #00C5CD | 0, 197, 205 | 182°, 100%, 40% | 100, 4, 0, 20 | |
| Yíng Guāng Sè Pink | #FF69AF | 255, 105, 175 | 332°, 100%, 71% | 0, 59, 31, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #16F8FF on #FA1A8E | 2.84:1 | — |
| Aa #16F8FF on #FF69AF | 2.02:1 | — |
| Aa #FA1A8E on #00C5CD | 1.76:1 | — |
| Aa #16F8FF on #FF8E13 | 1.74:1 | — |
| Aa #FA1A8E on #FF8E13 | 1.63:1 | — |
| Aa #16F8FF on #00C5CD | 1.61:1 | — |
CSS variables
:root {
--color-1: #16f8ff; /* Hey Blue! */
--color-2: #fa1a8e; /* Philippine Pink */
--color-3: #ff8e13; /* Laddu Orange */
--color-4: #00c5cd; /* Turquoise Surf */
--color-5: #ff69af; /* Yíng Guāng Sè Pink */
}Other schemes from Hey Blue!
- Hey Blue! Complementary Color Scheme#16F8FF#73FDFF#FF1C1C#C40700#FF8379
- Hey Blue! Analogous Color Scheme#0AFA1E#00FA92#16F8FF#1E90FF#1C1CF0
- Hey Blue! Triadic Color Scheme#16F8FF#FF11FF#FFFF14#7DF9FF#CC00CC
- Hey Blue! Tetradic Color Scheme#16F8FF#8811FF#FF1C1C#88FF11#7DF9FF
- Hey Blue! Monochromatic Color Scheme#007A7C#00C5CD#16F8FF#65FFFF#B2FCFF
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 Hey Blue!?
In a split-complementary scheme: Philippine Pink (#FA1A8E), Laddu Orange (#FF8E13), Turquoise Surf (#00C5CD), Yíng Guāng Sè Pink (#FF69AF).
What is the hex code of Hey Blue!?
#16F8FF.