About Cyan
Cyan is a bright, vibrant color that sits between blue and green on the color wheel. It is often associated with water and the sky, evoking a sense of tranquility and freshness.
Psychology
Cyan is known to:
- Promote feelings of calmness and serenity
- Stimulate mental clarity and creativity
- Represent communication and clarity
Usage
This versatile color is commonly used in:
- Web design and digital media, especially for backgrounds and highlights
- Branding for companies focusing on technology and innovation
- Interior design to create a refreshing and open atmosphere
- Fashion, particularly in swimwear and summer collections
Combinations
Cyan pairs beautifully with:
- Coral (
#FF6B6B
)
- Navy Blue (
#001F3F
)
- Bright Yellow (
#FFEA00
)
- Soft White (
#F0F0F0
)
Cyan color values and uses
Cyan is represented here by #00FFFF. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(0, 255, 255); HSL hsl(180, 100%, 50%) describes hue, saturation, and lightness, while CMYK 0%, 0%, 0%, 0% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.
Use cyan alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.
Frequently asked questions about Cyan
What is the hex code of Cyan?
The hex code of Cyan is #00FFFF.
What is the RGB value of Cyan?
The RGB value is rgb(0, 255, 255), with red, green, and blue channels shown in that order.
What colors go with Cyan?
Cyan can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.
What are the HSL and CMYK values for Cyan?
The HSL value is hsl(180, 100%, 50%); the approximate CMYK conversion is 0%, 0%, 0%, 0%. CMYK output can vary by printer and color profile.