Hey Blue! Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Hey Blue! (#16F8FF), each snapped to its nearest named color.
#007A7C
#00C5CD
#16F8FF
#65FFFF
#B2FCFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Grass | #007A7C | 0, 122, 124 | 181°, 100%, 24% | 100, 2, 0, 51 | |
| Turquoise Surf | #00C5CD | 0, 197, 205 | 182°, 100%, 40% | 100, 4, 0, 20 | |
| Hey Blue! | #16F8FF | 22, 248, 255 | 182°, 100%, 54% | 91, 3, 0, 0 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 | |
| Italian Sky Blue | #B2FCFF | 178, 252, 255 | 182°, 100%, 85% | 30, 1, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #007A7C on #B2FCFF | 4.48:1 | AA large |
| Aa #007A7C on #65FFFF | 4.25:1 | AA large |
| Aa #007A7C on #16F8FF | 3.90:1 | AA large |
| Aa #007A7C on #00C5CD | 2.42:1 | — |
| Aa #00C5CD on #B2FCFF | 1.85:1 | — |
| Aa #00C5CD on #65FFFF | 1.75:1 | — |
CSS variables
:root {
--color-1: #007a7c; /* Blue Grass */
--color-2: #00c5cd; /* Turquoise Surf */
--color-3: #16f8ff; /* Hey Blue! */
--color-4: #65ffff; /* Moonglade Water */
--color-5: #b2fcff; /* Italian Sky 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! Tetradic Color Scheme#16F8FF#8811FF#FF1C1C#88FF11#7DF9FF
More Medium Teal monochromatic palettes
- Aggressive Aqua Monochromatic Color Scheme#016367#01B1AF#00FBFF#55FFFF#99FFFF
- Ambrosial Oceanside Monochromatic Color Scheme#19443C#31796D#47AE9C#77CABD#AEDDD3
- Aphrodite Aqua Monochromatic Color Scheme#17806D#00CC99#45E9C1#84FBCE#CFF7EF
- Aqua Monochromatic Color Scheme#006D73#06B1C4#0FF0FE#53F6FF#AAFFFF
- Aquamarine Monochromatic Color Scheme#127453#1DB394#2EE8BB#7EF4CC#B8FFEB
- Aquarius Monochromatic Color Scheme#154250#1B7D8D#2DB0CE#6CC4DA#ACDEEB
- Arctic Monochromatic Color Scheme#252F2F#445A5E#648589#8BA8AE#B9CACC
- Arctic Water Monochromatic Color Scheme#016360#01B1AF#00FCFC#41FDFE#99FFFF
- Atlas Cedar Monochromatic Color Scheme#264243#417074#5CA0A7#8FBCC4#BCD9DC
- Blue Bikini Monochromatic Color Scheme#004455#007FA2#00BBEE#37C4FA#88EEFF
- Blue Bobbin Monochromatic Color Scheme#18576C#30949D#52B4CA#8FCBDC#C5E8EE
- Blue Martini Monochromatic Color Scheme#1A5D72#338DAE#52B4D3#93CFE3#CCEBF5
Questions
What colors go with Hey Blue!?
In a monochromatic scheme: Blue Grass (#007A7C), Turquoise Surf (#00C5CD), Moonglade Water (#65FFFF), Italian Sky Blue (#B2FCFF).
What is the hex code of Hey Blue!?
#16F8FF.