Cyan Color
About Cyan
Cyan is one of the 148 CSS named colors recognized by all modern browsers. You can use it in CSS by name (color: cyan;) or by its HEX code (color: #00FFFF;).
This shade is generally considered a light color. That makes it useful for designers who need to quickly judge whether the color is better suited for backgrounds, accents, borders, or text treatments before moving it into a real interface.
Usage in CSS
color: cyan;
/* or */
color: #00FFFF;
/* or */
color: rgb(0, 255, 255);
}
Design Notes
Cyan often works best with dark text, dark icons, or stronger outlines. If you are building UI components, presentations, dashboards, or brand materials, test the color in context rather than relying only on the raw HEX code because spacing, typography, and surrounding colors can change how the final shade feels.
It can also help to compare Cyan with nearby named colors before locking in a palette. Similar colors may have the same overall tone but very different saturation or lightness, which affects readability, hierarchy, and perceived brand personality.
Frequently Asked Questions
What is the HEX code for Cyan?
The HEX code for Cyan is #00FFFF.
What is the RGB value of Cyan?
The RGB value is rgb(0, 255, 255).