Teal Screen – Full-Screen Teal and Dark Cyan

How it works

A teal screen is a full-screen field of #008080: cyan at half signal, with green and blue at 128 of 255 and red off. Dark cyan, light sea green, cadet blue and medium aquamarine are the other shades here.

Read the full guide

Fill the screen with teal

1. The page opens on plain teal. Press another shade's name to change it. 2. Press Go full screen and the whole display turns that shade. 3. Copy hex puts the code on show on your clipboard: #008080 for plain teal.

Which teal to pick

Plain teal is the darkest of the five. Dark cyan has the same hue, a touch brighter. Light sea green gives about twice teal's light. Cadet blue is the grayest. Medium aquamarine is the palest and leans green.

Questions and answers

What is the hex code for a teal screen?

#008080, the color CSS names teal. As numbers it is rgb(0, 128, 128), or hsl(180, 100%, 25%).

Is teal blue or green?

Both, in equal parts. On a screen teal has the same amount of green and blue, which puts it at hue 180, exactly halfway between green at 120 and blue at 240.

Is dark cyan the same as teal?

Close, not the same. Both keep red off and sit at hue 180, but dark cyan, #008B8B, has green and blue at 139 where teal has 128. That gives about 20 percent of white's light against teal's 17.

What color is the opposite of teal?

On a screen, #FF7F7F: full red with green and blue at 127, a pale red. Add the two codes channel by channel and the sum is white, #FFFFFF.

All 12 shades and notes

Teals, from plain teal to medium aquamarine 5

Plain teal #008080, what CSS calls teal and the shade this page opens on: red dark, green and blue both at 128 of 255. About 17 percent of white's light, the darkest of the five.
Dark cyan #008B8B: teal's recipe eleven steps up, with green and blue at 139 and red still dark. The same hue, 180 degrees, at about 20 percent of white's light.
Light sea green #20B2AA: red at 32, green at 178 and blue at 170. A brighter, slightly greener teal at hue 177, giving about 35 percent of white's light, about twice what plain teal gives.
Cadet blue #5F9EA0: red at 95 under green at 158 and blue at 160. A grayed teal at hue 182, with the lowest saturation on the page, about a quarter, and about 29 percent of white's light.
Medium aquamarine #66CDAA: red at 102, green at 205 and blue at 170. The palest and brightest shade here, about 49 percent of white's light, and the greenest, at hue 160.

Show all 12 shades and notes (7 more)

How a screen makes teal 4

Half of cyan's numbers, about a fifth of its light Cyan is green and blue at 255 and gives about 79 percent of white's light. Teal halves both numbers to 128 and gives about 17 percent: roughly a fifth, not a half, because a screen's levels are not even steps of light.
Dim teal and it stays teal Slide Dimmer to 50 percent on plain teal and the code under the field reads #005C5C. Green and blue fall together and red stays at 0, so the hue holds at 180 degrees while the light halves.
Red is what the paler shades add Plain teal and dark cyan keep red at 0. The other three light it: light sea green at 32, cadet blue at 95 and medium aquamarine at 102. Red is what lifts them from deep teal toward gray and pale green.
A pale red point on teal Teal lights the green and blue sub-pixels at half and leaves the red ones off. A red sub-pixel stuck on adds full red at that point, #FF8080, a pale red speck. A point with all three sub-pixels off is black.

Teal and its names 3

Teal is named after a duck The color takes its name from the Eurasian teal, a duck with a stripe of this blue-green on its head. Teal is first recorded as an English color name in 1917.
One of the first sixteen CSS color names The first level of CSS defined sixteen color names and teal was one of them. Dark cyan, light sea green, cadet blue and medium aquamarine came later, from a longer list of names that browsers had already taken up.
Teal is also a loose word for shades of cyan In everyday speech teal often covers the shades of cyan in general. On this page it is one code, #008080, and each neighbor keeps the name CSS gives it.

How this list was compiled: Shades and notes chosen and written for this page. Every hex value is a CSS named color, taken from the table of named colors at https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/named-color, read 2026-10-06; the hue and saturation quoted are worked out from the hex. The share of light printed for each shade is its relative luminance (0.2126 R + 0.7152 G + 0.0722 B on linear values, pure white as 100), worked out from the formulas at https://en.wikipedia.org/wiki/SRGB, read 2026-10-06. That the first level of CSS defined sixteen color names, teal among them, and that the longer list was taken up by browsers first and made standard later, is from the MDN page above. That teal is a dark cyan made on a screen by lowering cyan to about one half, that the name comes from the Eurasian teal, a duck with a stripe of this color on its head, that teal is first recorded as an English color name in 1917, and that the word is often used loosely for shades of cyan in general, is from https://en.wikipedia.org/wiki/Teal. That a stuck sub-pixel is one that is always on is from https://en.wikipedia.org/wiki/Defective_pixel. Both Wikipedia articles read 2026-10-06; Wikipedia text is under CC BY-SA 4.0 and is restated here in this site's own words. A color on a screen is not a match for paint, print or another screen, and nothing here is a measurement. Licence: own work