Hey Blue! Complementary Color Scheme
Five colors arranged by the complementary rule around Hey Blue! (#16F8FF), each snapped to its nearest named color.
#16F8FF
#73FDFF
#FF1C1C
#C40700
#FF8379
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hey Blue! | #16F8FF | 22, 248, 255 | 182°, 100%, 54% | 91, 3, 0, 0 | |
| Ancient Ice | #73FDFF | 115, 253, 255 | 181°, 100%, 73% | 55, 1, 0, 0 | |
| Traffic Red | #FF1C1C | 255, 28, 28 | 0°, 100%, 55% | 0, 89, 89, 0 | |
| Hell Rider | #C40700 | 196, 7, 0 | 2°, 100%, 38% | 0, 96, 100, 23 | |
| Orange Tea Rose | #FF8379 | 255, 131, 121 | 4°, 100%, 74% | 0, 49, 53, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #73FDFF on #C40700 | 5.10:1 | AA |
| Aa #16F8FF on #C40700 | 4.71:1 | AA |
| Aa #73FDFF on #FF1C1C | 3.17:1 | AA large |
| Aa #16F8FF on #FF1C1C | 2.93:1 | — |
| Aa #C40700 on #FF8379 | 2.60:1 | — |
| Aa #73FDFF on #FF8379 | 1.96:1 | — |
CSS variables
:root {
--color-1: #16f8ff; /* Hey Blue! */
--color-2: #73fdff; /* Ancient Ice */
--color-3: #ff1c1c; /* Traffic Red */
--color-4: #c40700; /* Hell Rider */
--color-5: #ff8379; /* Orange Tea Rose */
}Other schemes from Hey Blue!
- 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! Tetradic Color Scheme#16F8FF#8811FF#FF1C1C#88FF11#7DF9FF
- Hey Blue! Monochromatic Color Scheme#007A7C#00C5CD#16F8FF#65FFFF#B2FCFF
More Medium Teal complementary palettes
- Aggressive Aqua Complementary Color Scheme#00FBFF#56FFFF#FF0303#B30103#FF6666
- Ambrosial Oceanside Complementary Color Scheme#47AE9C#86D2C1#AB485B#772F39#D08995
- Aphrodite Aqua Complementary Color Scheme#45E9C1#99FFDD#EC4872#D01343#F0A0B6
- Aqua Complementary Color Scheme#0FF0FE#6DEDFD#FE1C06#C40700#FF7E79
- Aquamarine Complementary Color Scheme#2EE8BB#84FBCE#EE3355#B31A38#F590A0
- Aquarius Complementary Color Scheme#2DB0CE#7ECBE2#CE4A2D#8B2E19#E58F7C
- Arctic Complementary Color Scheme#648589#8BB6B8#905D5D#63403A#BD9D95
- Arctic Water Complementary Color Scheme#00FCFC#56FFFF#FF0000#AC0000#FF6163
- Atlas Cedar Complementary Color Scheme#5CA0A7#99C5C4#A36159#784841#CAA09E
- Blue Bikini Complementary Color Scheme#00BBEE#4CD5FF#EE3300#AA2200#FF7855
- Blue Bobbin Complementary Color Scheme#52B4CA#9CD4E1#CB6D51#9D4531#E3A9A2
- Blue Martini Complementary Color Scheme#52B4D3#9AD6E5#CD6E53#AE4930#E6B4A6
Questions
What colors go with Hey Blue!?
In a complementary scheme: Ancient Ice (#73FDFF), Traffic Red (#FF1C1C), Hell Rider (#C40700), Orange Tea Rose (#FF8379).
What is the hex code of Hey Blue!?
#16F8FF.