Teal#008080

Teal Hex Code: #008080

Teal is a medium, moderately saturated cyan. Its OKLCH lightness is 54% and chroma 0.093. Text on this color reads best in white (contrast 4.77:1).

HEX	`#008080`
RGB	`rgb(0, 128, 128)`
HSL	`hsl(180, 100%, 25%)`
HSV / HSB	`hsv(180, 100%, 50%)`
CMYK	`cmyk(100%, 0%, 0%, 50%)`
OKLCH	`oklch(54.3% 0.093 194.8)`

Open in converter →

Contrast

White text4.77:1

AAAA largeAAA

Black text4.40:1

AAAA largeAAA

On white4.77:1

AAAA largeAAA

On black4.40:1

AAAA largeAAA

Tints

#178B8BDark Cyan#2E9797#45A2A2Cadet Blue#5CAEAE#73B9B9#8AC5C5#A1D0D0#B8DBDBPowder Blue#CFE7E7#E5F2F2White Smoke

Shades

#007474#006969#005D5D#005252#004646#003B3B#002F2F#002424#001818#000D0D

Matching colors

Complementary

#008080Teal#800000Maroon

Analogous

#008080Teal#008040#004080

Triadic

#008080Teal#800080Purple#808000Olive

Split complementary

#008080Teal#800040#804000

Similar named colors

Dark Cyan#008B8BTeal Blue#367588Cerulean#007BA7Sea Green#2E8B57Slate Gray#708090Steel Blue#4682B4Dim Gray#696969Gray#808080

All color names →

Code

CSS	`color: #008080;`
Tailwind	`bg-[#008080]`
SwiftUI	`Color(red: 0, green: 0.502, blue: 0.502)`
Android	`Color.parseColor("#008080")`
Flutter	`Color(0xFF008080)`

Teal is a CSS named color (teal); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for teal?

Teal is #008080 in hex and rgb(0, 128, 128) in RGB.

What is teal in CMYK?

With the plain conversion formula it is cmyk(100, 0, 0, 50). For print, convert with your printer's ICC profile instead.

What text color works on teal?

White text has the higher contrast at 4.77:1, which passes WCAG AA for normal text (4.5:1).