Cyan and Teal Color Codes
The color code of Cyan & Teal is Hex #00FFFF, RGB rgb(0, 255, 255), HSL hsl(180, 100%, 50%) and HSB 180°, 100%, 100%. Cyan & Teal is an additive secondary. It is green and blue light at full strength with no red, so it is a mix rather than a primary. There are more cyan & teal shades than any one list can hold. The 5 named below each come with a full code set you can copy for design and color grading work.
What Is the Color Code for Cyan & Teal?
The Cyan & Teal color code has four screen formats and one print format. The screen ones are Hex, RGB, HSL and HSB. The print one is CMYK. All five describe the same cyan & teal. They differ in what they make easy to change.
What Is the Hex Code for Cyan & Teal?
The hex code for Cyan & Teal is #00FFFF. Hex is the format you use in CSS and in most design tools. The first two digits set red, the next two set green and the last two set blue. In #00FFFF the green pair is highest at FF and the red pair is lowest at 00.
What Is the RGB Code for Cyan & Teal?
The RGB code for Cyan & Teal is rgb(0, 255, 255). RGB counts each channel from 0 to 255. The gap between the strongest and the weakest channel is 255, and that gap is the whole of the color. Close the gap and you get grey.
What Is the HSL / HSB Code for Cyan & Teal?
The HSL code for Cyan & Teal is hsl(180, 100%, 50%) and the HSB code is 180°, 100%, 100%. The hue of 180 degrees is the position on the color wheel, and this family runs from 165°–200°. HSL and HSB are easier to adjust by hand than hex. Move the first number and you change the color. Move the others and you keep the color but change how strong or how light it is.
What Is the CMYK Code for Cyan & Teal?
The CMYK code for Cyan & Teal is 100%, 0%, 0%, 0%. CMYK is for print rather than screens. A screen adds light to make color. Ink takes light away. A cyan & teal this strong is one of the colors that suffers most in the move, because ink cannot reach the brightness a backlit screen can. Ask a printer for a Pantone reference on anything that has to match exactly.
What Does the Color Cyan & Teal Mean?
Cyan reads as clean and technical. Medical, plumbing and software brands lean on it, and it is the color of water and ice in almost every illustration that needs one. It is a printing primary as well as a screen secondary, which is why it sits in every CMYK ink set and every printer cartridge. How much of that a shade carries depends on how strong it is. Aqua holds the most chroma here at 72. Teal holds the least at 38, and reads as barely tinted by comparison.
Lightest & Darkest Shades of Cyan & Teal
The lightest shade of cyan & teal is Aquamarine at #7FFFD4. The darkest is Teal at #008080. Everything else on this page sits between those two. If you need a background, start from the light end. If you need text, start from the dark end.
Which Cyan & Teal Is Best for Branding & Design?
It depends what the color has to do. A logo can use any shade here, because a logo does not have to pass a contrast test. A button does, and only one of the 5 shades on this page is dark enough to carry white text at AA. That leaves very little room, so most cyan & teal work is done with dark text on a light surface rather than the other way round.
Which Cyan & Teal Looks Most Professional for Designs?
Teal at #008080 is the safest professional pick, with white text on it reaching 4.77:1. It is deep rather than bright, which is what makes it read as considered instead of loud. The most saturated shades further up this page look cheaper at large sizes.
Which Cyan & Teal Shade Increases Attention the Most?
Aqua at #00FFFF draws the most attention. It carries the highest chroma of any shade here at 72, which is the measure of how far a color sits from grey, and that is what makes it hard to ignore. White text on it only reaches 1.25:1, so use it for the thing you want noticed and not for the thing you want read.
Which Cyan & Teal Should I Use for a Buy / CTA Button?
Use Teal at #008080. White text on it scores 4.77:1, which passes AA for button labels. The brighter shades fail that test. Aqua only reaches 1.25:1 with white on top, so a button in that color has a label people have to squint at. You get the attention and lose the click.
Cyan & Teal color tools
Convert Cyan & Teal Color Codes (Hex, RGB, HSL)
Have a cyan & teal value in one format and need it in another? Paste #00FFFF in and you get rgb(0, 255, 255) back, and the result updates as you type. These three cover the jobs that come up most.
#00FFFF→rgb(0, 255, 255)
Hex to RGB
Paste a hex, get the three channels
0, 255, 255→#00FFFF
RGB to Hex
Go the other way for CSS
#00FFFF→hsl(180, 100%, 50%)
Hex to HSL
For adjusting a shade by hand
Find the Cyan & Teal Hex Code in Any Image
Upload an image and click the part you want. The picker reads that exact pixel, which saves guessing at a cyan & teal in water, glass or a screenshot of a medical interface.
#008080
Image Color Picker
Click any pixel in a photo to read its hex
Teal
Color Name Finder
Give it a value, get the closest named cyan & teal
Build a Cyan & Teal Color Palette
Start from #00FFFF, or from any of the 5 shades above. The palette tool pulls colors out of an image. The gradient tool blends two values into a run, and #7FFFD4 to #008080 covers this family end to end. The shades and tints tool takes one value and gives you a full scale from it.