Hey Blue! Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hey Blue! (#16F8FF), each snapped to its nearest named color.
#16F8FF
#8811FF
#FF1C1C
#88FF11
#7DF9FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hey Blue! | #16F8FF | 22, 248, 255 | 182°, 100%, 54% | 91, 3, 0, 0 | |
| Punk Rock Pink | #8811FF | 136, 17, 255 | 270°, 100%, 53% | 47, 93, 0, 0 | |
| Traffic Red | #FF1C1C | 255, 28, 28 | 0°, 100%, 55% | 0, 89, 89, 0 | |
| Lethal Lime | #88FF11 | 136, 255, 17 | 90°, 100%, 53% | 47, 0, 93, 0 | |
| Electric Blue | #7DF9FF | 125, 249, 255 | 183°, 100%, 75% | 51, 2, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8811FF on #7DF9FF | 4.72:1 | AA |
| Aa #8811FF on #88FF11 | 4.58:1 | AA |
| Aa #16F8FF on #8811FF | 4.45:1 | AA large |
| Aa #FF1C1C on #7DF9FF | 3.10:1 | AA large |
| Aa #FF1C1C on #88FF11 | 3.01:1 | AA large |
| Aa #16F8FF on #FF1C1C | 2.93:1 | — |
CSS variables
:root {
--color-1: #16f8ff; /* Hey Blue! */
--color-2: #8811ff; /* Punk Rock Pink */
--color-3: #ff1c1c; /* Traffic Red */
--color-4: #88ff11; /* Lethal Lime */
--color-5: #7df9ff; /* Electric Blue */
}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! Split-complementary Color Scheme#16F8FF#FA1A8E#FF8E13#00C5CD#FF69AF
- Hey Blue! Monochromatic Color Scheme#007A7C#00C5CD#16F8FF#65FFFF#B2FCFF
More Medium Teal tetradic palettes
- Aggressive Aqua Tetradic Color Scheme#00FBFF#8800FF#FF0303#7FFF00#65FFFF
- Ambrosial Oceanside Tetradic Color Scheme#47AE9C#654EA3#AB485B#8CA94A#8BD3C6
- Aphrodite Aqua Tetradic Color Scheme#45E9C1#6140EF#EC4872#A7E142#A5FCDC
- Aqua Tetradic Color Scheme#0FF0FE#8811FF#FE1C06#7CFC00#7DF9FF
- Aquamarine Tetradic Color Scheme#2EE8BB#5F34E7#EE3355#B6E12A#8CFFDB
- Aquarius Tetradic Color Scheme#2DB0CE#9932CC#CE4A2D#58D332#7FCCE2
- Arctic Tetradic Color Scheme#648589#7B5D92#905D5D#769358#93BCBB
- Arctic Water Tetradic Color Scheme#00FCFC#7F01FE#FF0000#7CFC00#65FFFF
- Atlas Cedar Tetradic Color Scheme#5CA0A7#8D5EB7#A36159#76A55B#9FC5CC
- Blue Bikini Tetradic Color Scheme#00BBEE#AA00FF#EE3300#44EE00#55DDFF
- Blue Bobbin Tetradic Color Scheme#52B4CA#A259CE#CB6D51#79C753#A1D8E0
- Blue Martini Tetradic Color Scheme#52B4D3#BA55D3#CD6E53#69D84F#A1D9E7
Questions
What colors go with Hey Blue!?
In a tetradic scheme: Punk Rock Pink (#8811FF), Traffic Red (#FF1C1C), Lethal Lime (#88FF11), Electric Blue (#7DF9FF).
What is the hex code of Hey Blue!?
#16F8FF.