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.
HEX
#00FFFF RGB
rgb(0, 255, 255) HSL
hsl(180, 100%, 50%) OKLCH
oklch(91.0% 0.155 195.0) 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.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Cyan 50 | #E5FFFF | ||
| Cyan 100 | #B3FFFF | ||
| Cyan 200 | #80FFFF | ||
| Cyan 300 | #4DFFFF | ||
| Cyan 400 | #1AFFFF | ||
| Cyan 500 | #00E5E6 | ||
| Cyan 600 | #00B2B3 | ||
| Cyan 700 | #007F80 | ||
| Cyan 800 | #004C4D | ||
| Cyan 900 | #00191A |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use cyan
01
Digital and futuristic accents
02
Data visualization highlights
03
Gradients with blue or teal