Shades of Cyan: Hex, RGB, and HSL Codes

What counts as a shade of cyan?

Cyan is the blue-green band around 180°, and it is the family most people name badly — half of what sits below gets called turquoise or teal in everyday use. The 15 shades run from the near-white LightCyan #E0FFFF and Celeste #B2FFFF, through Aquamarine #7FFFD4 and pure Cyan #00FFFF, into Turquoise #40E0D0 and Tiffany Blue #0ABAB5, and end at Teal #008080 and DarkCyan #008B8B.

Pure Cyan #00FFFF is one of the three CMYK primaries and one of the most saturated colors a screen can produce, which makes it nearly unusable as a large area — it vibrates. The wearable versions are the ones that have been pulled toward gray or green: CadetBlue #5F9EA0, LightSeaGreen #20B2AA, and Verdigris #40B5AD, the last named for the patina that copper takes on as it weathers.

How to use these color codes

1. Find your shade. The list runs roughly light to dark, with a live preview beside every name — scan it the way you would a paint chart.
2. Click a code to copy. Each row carries the hex, RGB, and HSL value of that color. One click copies that exact string to your clipboard.
3. Paste it into your project. Drop the hex into CSS, Figma, Photoshop, or a document. Clicking the swatch itself copies the hex, so you can grab colors without aiming at the small text.

What cyan communicates

Cyan reads as clean and technical. It is the default accent in medical, dental, and diagnostic branding because it suggests sterility and water without the corporate coldness of pure blue, and it is a fixture of tech interfaces for the same reason.

The deeper end changes register completely. Teal and Tiffany Blue read as expensive and considered — Robin Egg Blue #96DED1 and Tiffany Blue in particular carry strong luxury-retail associations. Meanwhile the bright end belongs to the tropics: Turquoise and Aquamarine are the standard shorthand for shallow water in travel design, which is why they saturate resort and swimwear palettes.

Honest limitations

A hex code is exact, but the color you see is not. The same #FF0000 looks different on an OLED phone, a cheap office monitor, and a printed page, because each device has its own gamut and calibration. Treat these values as a precise starting point for screens, and always check a physical proof before committing a color to print — CMYK cannot reproduce every shade listed here.

Color names are a mix of two things. Entries badged CSS are official CSS named colors: the name itself works in a stylesheet and every browser resolves it to exactly that hex. The rest are conventional names — Burgundy, Sage, Espresso — that no standards body owns. Their hex values follow the most widely cited convention, but another chart may place them a few percent lighter or darker, so quote the hex rather than the name when the exact value matters.

Why is it free?

FreeToGenerate.com keeps every tool genuinely free. This page is a static list of color values rendered in your browser — nothing to install, no account, no premium tier holding back the darker half of the palette. Copy as many codes as you need, as often as you need.

Other color families

redorangeyellowgreenbluepurplepinkbrowngrayblackwhiteAll color families