Aqua (CSS) Analogous Color Scheme
Five colors arranged by the analogous rule around Aqua (CSS) (#00FFFF), each snapped to its nearest named color.
#00FF00
#04F489
#00FFFF
#007FFF
#0000FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | 86.6% 0.295 142 | |
| Turquoise Green | #04F489 | 4, 244, 137 | 153°, 97%, 49% | 98, 0, 44, 4 | 84.9% 0.214 154 | |
| Aqua (CSS) | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | 90.5% 0.155 195 | |
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | 61.3% 0.212 256 | |
| Blue | #0000FF | 0, 0, 255 | 240°, 100%, 50% | 100, 100, 0, 0 | 45.2% 0.313 264 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFFF on #0000FF | 6.85:1 | AA |
| Aa #00FF00 on #0000FF | 6.26:1 | AA |
| Aa #04F489 on #0000FF | 5.85:1 | AA |
| Aa #00FFFF on #007FFF | 3.06:1 | AA large |
| Aa #00FF00 on #007FFF | 2.79:1 | — |
| Aa #04F489 on #007FFF | 2.61:1 | — |
CSS variables
:root {
--color-1: #00ff00; /* Green */
--color-2: #04f489; /* Turquoise Green */
--color-3: #00ffff; /* Aqua (CSS) */
--color-4: #007fff; /* Azure */
--color-5: #0000ff; /* Blue */
}Other schemes from Aqua (CSS)
- Aqua (CSS) Complementary Color Scheme#00FFFF#56FFFF#FF0000#B30103#FF6666
- Aqua (CSS) Triadic Color Scheme#00FFFF#FF00FF#FFFF00#65FFFF#B300B3
- Aqua (CSS) Split-complementary Color Scheme#00FFFF#FF0080#FF7F00#01B1AF#FE46A5
- Aqua (CSS) Tetradic Color Scheme#00FFFF#7F00FF#FF0000#88FF00#65FFFF
- Aqua (CSS) Monochromatic Color Scheme#006666#01B1AF#00FFFF#55FFFF#99FFFF
More medium teal analogous color schemes
- Aggressive Aqua Analogous Color Scheme#00FF04#04F489#00FBFF#007FFF#0000FF
- Ambrosial Oceanside Analogous Color Scheme#55AA44#4FAA6C#47AE9C#4889AC#4D5AAF
- Aphrodite Aqua Analogous Color Scheme#70F15E#4CFF7B#45E9C1#44BBFF#4466EE
- Aqua Analogous Color Scheme#0AFA1E#00FA92#0FF0FE#1177FF#1600FC
- Aquamarine Analogous Color Scheme#55FF33#2DFE54#2EE8BB#2CB1EB#2E58E8
- Aquarius Analogous Color Scheme#31D652#33CC99#2DB0CE#2266CC#5729CE
- Arctic Analogous Color Scheme#5C9F59#54927E#648589#597193#5E5896
- Arctic Water Analogous Color Scheme#00FF00#00FF7F#00FCFC#007FFF#0000FC
- Atlas Cedar Analogous Color Scheme#5DA464#52A786#5CA0A7#5A77A8#6F58A6
- Blue Bikini Analogous Color Scheme#00EE33#0AE9B4#00BBEE#0044EE#3F00FF
- Blue Bobbin Analogous Color Scheme#54C571#59C8A5#52B4CA#507BCE#654BC9
- Blue Martini Analogous Color Scheme#50C878#58CEB2#52B4D3#5170D7#6D5ACF
Questions
What colors go with Aqua (CSS)?
In a analogous scheme: Green (#00FF00), Turquoise Green (#04F489), Azure (#007FFF), Blue (#0000FF).
What is the hex code of Aqua (CSS)?
#00FFFF.