Cyan Triadic Color Scheme
Five colors arranged by the triadic rule around Cyan (#00FFFF), each snapped to its nearest named color.
#00FFFF
#FF00FF
#FFFF00
#65FFFF
#B300B3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | |
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | |
| Yellow | #FFFF00 | 255, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 | |
| Energic Eggplant | #B300B3 | 179, 0, 179 | 300°, 100%, 35% | 0, 100, 0, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFF00 on #B300B3 | 5.48:1 | AA |
| Aa #65FFFF on #B300B3 | 4.85:1 | AA |
| Aa #00FFFF on #B300B3 | 4.69:1 | AA |
| Aa #FF00FF on #FFFF00 | 2.92:1 | — |
| Aa #FF00FF on #65FFFF | 2.58:1 | — |
| Aa #00FFFF on #FF00FF | 2.50:1 | — |
CSS variables
:root {
--color-1: #00ffff; /* Cyan */
--color-2: #ff00ff; /* Magenta */
--color-3: #ffff00; /* Yellow */
--color-4: #65ffff; /* Moonglade Water */
--color-5: #b300b3; /* Energic Eggplant */
}Other schemes from Cyan
- Cyan Complementary Color Scheme#00FFFF#56FFFF#FF0000#B30103#FF6666
- Cyan Analogous Color Scheme#00FF00#04F489#00FFFF#007FFF#0000FF
- Cyan Split-complementary Color Scheme#00FFFF#FF0080#FF7F00#01B1AF#FE46A5
- Cyan Tetradic Color Scheme#00FFFF#7F00FF#FF0000#88FF00#65FFFF
- Cyan Monochromatic Color Scheme#006666#01B1AF#00FFFF#55FFFF#99FFFF
More Medium Teal triadic palettes
- Aggressive Aqua Triadic Color Scheme#00FBFF#FF00FF#FBFF00#65FFFF#B300B3
- Ambrosial Oceanside Triadic Color Scheme#47AE9C#9448B0#AD9E4B#8BD3C6#6B327B
- Aphrodite Aqua Triadic Color Scheme#45E9C1#CC55EE#E8C247#A5FCDC#9B1DCD
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aquamarine Triadic Color Scheme#2EE8BB#BF36E0#ECBD2C#8CFFDB#8F1CAE
- Aquarius Triadic Color Scheme#2DB0CE#D92FB4#ACCB35#7FCCE2#871F78
- Arctic Triadic Color Scheme#648589#94568C#8E9655#93BCBB#643E65
- Arctic Water Triadic Color Scheme#00FCFC#FF00FF#FFFC00#65FFFF#B300B3
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Martini Triadic Color Scheme#52B4D3#DE55A9#B3D157#A1D9E7#B53389
Questions
What colors go with Cyan?
In a triadic scheme: Magenta (#FF00FF), Yellow (#FFFF00), Moonglade Water (#65FFFF), Energic Eggplant (#B300B3).
What is the hex code of Cyan?
#00FFFF.