Hey Blue! Triadic Color Scheme
Five colors arranged by the triadic rule around Hey Blue! (#16F8FF), each snapped to its nearest named color.
#16F8FF
#FF11FF
#FFFF14
#7DF9FF
#CC00CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hey Blue! | #16F8FF | 22, 248, 255 | 182°, 100%, 54% | 91, 3, 0, 0 | |
| Fresh Neon Pink | #FF11FF | 255, 17, 255 | 300°, 100%, 53% | 0, 93, 0, 0 | |
| Yellow Submarine | #FFFF14 | 255, 255, 20 | 60°, 100%, 54% | 0, 0, 92, 0 | |
| Electric Blue | #7DF9FF | 125, 249, 255 | 183°, 100%, 75% | 51, 2, 0, 0 | |
| Screaming Magenta | #CC00CC | 204, 0, 204 | 300°, 100%, 40% | 0, 100, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFF14 on #CC00CC | 4.41:1 | AA large |
| Aa #7DF9FF on #CC00CC | 3.80:1 | AA large |
| Aa #16F8FF on #CC00CC | 3.58:1 | AA large |
| Aa #FF11FF on #FFFF14 | 2.89:1 | — |
| Aa #FF11FF on #7DF9FF | 2.49:1 | — |
| Aa #16F8FF on #FF11FF | 2.35:1 | — |
CSS variables
:root {
--color-1: #16f8ff; /* Hey Blue! */
--color-2: #ff11ff; /* Fresh Neon Pink */
--color-3: #ffff14; /* Yellow Submarine */
--color-4: #7df9ff; /* Electric Blue */
--color-5: #cc00cc; /* Screaming Magenta */
}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! Split-complementary Color Scheme#16F8FF#FA1A8E#FF8E13#00C5CD#FF69AF
- Hey Blue! Tetradic Color Scheme#16F8FF#8811FF#FF1C1C#88FF11#7DF9FF
- Hey Blue! Monochromatic Color Scheme#007A7C#00C5CD#16F8FF#65FFFF#B2FCFF
More Medium Teal triadic palettes
- Aggressive Aqua Triadic Color Scheme#00FBFF#FF00FF#FBFF00#65FFFF#B300B3
- Ambrosial Oceanside Triadic Color Scheme#47AE9C#9448B0#AD9E4B#8BD3C6#6B327B
- Aphrodite Aqua Triadic Color Scheme#45E9C1#CC55EE#E8C247#A5FCDC#9B1DCD
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aquamarine Triadic Color Scheme#2EE8BB#BF36E0#ECBD2C#8CFFDB#8F1CAE
- Aquarius Triadic Color Scheme#2DB0CE#D92FB4#ACCB35#7FCCE2#871F78
- Arctic Triadic Color Scheme#648589#94568C#8E9655#93BCBB#643E65
- Arctic Water Triadic Color Scheme#00FCFC#FF00FF#FFFC00#65FFFF#B300B3
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Martini Triadic Color Scheme#52B4D3#DE55A9#B3D157#A1D9E7#B53389
Questions
What colors go with Hey Blue!?
In a triadic scheme: Fresh Neon Pink (#FF11FF), Yellow Submarine (#FFFF14), Electric Blue (#7DF9FF), Screaming Magenta (#CC00CC).
What is the hex code of Hey Blue!?
#16F8FF.