Cyan Tetradic Color Scheme
Five colors arranged by the tetradic rule around Cyan (#00FFFF), each snapped to its nearest named color.
#00FFFF
#7F00FF
#FF0000
#88FF00
#65FFFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | |
| Violent Violet | #7F00FF | 127, 0, 255 | 270°, 100%, 50% | 50, 100, 0, 0 | |
| Red | #FF0000 | 255, 0, 0 | 0°, 100%, 50% | 0, 100, 100, 0 | |
| Lasting Lime | #88FF00 | 136, 255, 0 | 88°, 100%, 50% | 47, 0, 100, 0 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7F00FF on #65FFFF | 5.17:1 | AA |
| Aa #00FFFF on #7F00FF | 5.00:1 | AA |
| Aa #7F00FF on #88FF00 | 4.89:1 | AA |
| Aa #FF0000 on #65FFFF | 3.29:1 | AA large |
| Aa #00FFFF on #FF0000 | 3.19:1 | AA large |
| Aa #FF0000 on #88FF00 | 3.11:1 | AA large |
CSS variables
:root {
--color-1: #00ffff; /* Cyan */
--color-2: #7f00ff; /* Violent Violet */
--color-3: #ff0000; /* Red */
--color-4: #88ff00; /* Lasting Lime */
--color-5: #65ffff; /* Moonglade Water */
}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 Monochromatic Color Scheme#006666#01B1AF#00FFFF#55FFFF#99FFFF
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 Cyan?
In a tetradic scheme: Violent Violet (#7F00FF), Red (#FF0000), Lasting Lime (#88FF00), Moonglade Water (#65FFFF).
What is the hex code of Cyan?
#00FFFF.