Color code and palette
Cyan Color
Cyan is the fully saturated additive mixture of green and blue, represented by #00FFFF. Its electric brightness is effective for digital accents, though readable text usually needs a much darker companion.
Cyan
#00FFFF
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Cyan 50 | #E5FFFF | 229, 255, 255 | 180, 100%, 95% | ||
| Cyan 100 | #B3FFFF | 179, 255, 255 | 180, 100%, 85% | ||
| Cyan 200 | #80FFFF | 128, 255, 255 | 180, 100%, 75% | ||
| Cyan 300 | #4DFFFF | 77, 255, 255 | 180, 100%, 65% | ||
| Cyan 400 | #1AFFFF | 26, 255, 255 | 180, 100%, 55% | ||
| Cyan 500 | #00E5E6 | 0, 229, 230 | 180, 100%, 45% | ||
| Cyan 600 | #00B2B3 | 0, 178, 179 | 180, 100%, 35% | ||
| Cyan 700 | #007F80 | 0, 127, 128 | 180, 100%, 25% | ||
| Cyan 800 | #004C4D | 0, 76, 77 | 181, 100%, 15% | ||
| Cyan 900 | #00191A | 0, 25, 26 | 182, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 1.25:1
Fail
Aa Black text 16.75:1
AAA
Ways to use Cyan
Digital and futuristic accents
Data visualization highlights
Gradients with blue or teal
Colors that go with Cyan
Color-wheel harmonies built from #00FFFF. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.