Cyan Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cyan (#00FFFF), each snapped to its nearest named color.
#00FFFF
#FF0080
#FF7F00
#01B1AF
#FE46A5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | |
| Neon Rose | #FF0080 | 255, 0, 128 | 330°, 100%, 50% | 0, 100, 50, 0 | |
| Orange Juice | #FF7F00 | 255, 127, 0 | 30°, 100%, 50% | 0, 50, 100, 0 | |
| Laguna Green | #01B1AF | 1, 177, 175 | 179°, 99%, 35% | 99, 0, 1, 31 | |
| Barbie Pink | #FE46A5 | 254, 70, 165 | 329°, 99%, 64% | 0, 72, 35, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFFF on #FF0080 | 3.01:1 | AA large |
| Aa #00FFFF on #FE46A5 | 2.52:1 | — |
| Aa #00FFFF on #01B1AF | 2.12:1 | — |
| Aa #00FFFF on #FF7F00 | 2.02:1 | — |
| Aa #FF0080 on #FF7F00 | 1.49:1 | — |
| Aa #FF0080 on #01B1AF | 1.42:1 | — |
CSS variables
:root {
--color-1: #00ffff; /* Cyan */
--color-2: #ff0080; /* Neon Rose */
--color-3: #ff7f00; /* Orange Juice */
--color-4: #01b1af; /* Laguna Green */
--color-5: #fe46a5; /* Barbie Pink */
}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 Tetradic Color Scheme#00FFFF#7F00FF#FF0000#88FF00#65FFFF
- Cyan Monochromatic Color Scheme#006666#01B1AF#00FFFF#55FFFF#99FFFF
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Cyan?
In a split-complementary scheme: Neon Rose (#FF0080), Orange Juice (#FF7F00), Laguna Green (#01B1AF), Barbie Pink (#FE46A5).
What is the hex code of Cyan?
#00FFFF.