Cyan Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Cyan (#00FFFF), each snapped to its nearest named color.
#006666
#01B1AF
#00FFFF
#55FFFF
#99FFFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sci-fi Petrol | #006666 | 0, 102, 102 | 180°, 100%, 20% | 100, 0, 0, 60 | |
| Laguna Green | #01B1AF | 1, 177, 175 | 179°, 99%, 35% | 99, 0, 1, 31 | |
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | |
| Electric Sheep | #55FFFF | 85, 255, 255 | 180°, 100%, 67% | 67, 0, 0, 0 | |
| Glitchy Shader Blue | #99FFFF | 153, 255, 255 | 180°, 100%, 80% | 40, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #006666 on #99FFFF | 5.85:1 | AA |
| Aa #006666 on #55FFFF | 5.54:1 | AA |
| Aa #006666 on #00FFFF | 5.42:1 | AA |
| Aa #006666 on #01B1AF | 2.56:1 | — |
| Aa #01B1AF on #99FFFF | 2.29:1 | — |
| Aa #01B1AF on #55FFFF | 2.17:1 | — |
CSS variables
:root {
--color-1: #006666; /* Sci-fi Petrol */
--color-2: #01b1af; /* Laguna Green */
--color-3: #00ffff; /* Cyan */
--color-4: #55ffff; /* Electric Sheep */
--color-5: #99ffff; /* Glitchy Shader Blue */
}Other schemes from Cyan
- Cyan Complementary Color Scheme#00FFFF#56FFFF#FF0000#B30103#FF6666
- Cyan Analogous Color Scheme#00FF00#04F489#00FFFF#007FFF#0000FF
- Cyan Triadic Color Scheme#00FFFF#FF00FF#FFFF00#65FFFF#B300B3
- Cyan Split-complementary Color Scheme#00FFFF#FF0080#FF7F00#01B1AF#FE46A5
- Cyan Tetradic Color Scheme#00FFFF#7F00FF#FF0000#88FF00#65FFFF
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 Cyan?
In a monochromatic scheme: Sci-fi Petrol (#006666), Laguna Green (#01B1AF), Electric Sheep (#55FFFF), Glitchy Shader Blue (#99FFFF).
What is the hex code of Cyan?
#00FFFF.