Teal color: hex codes, shades and palettes

Palettes built around teal. Click any swatch to copy its hex code.

Teal is #008080 — deep vivid cyan. Below are its shades with hex codes, the values in every common format, and teal color palettes to copy.

#AEBE61

#009AC2

#FF92A6

#75CE61

#FF9744

#39F5E1

#C0B5FF

#E3A542

#B1E3D8

#C0DCDD

#DFCDDD

#EEC1BB

#BB9514

#B8AD35

#00A0CC

#D3AAFF

#00C5B6

#83B2FF

#FA8CB2

#AFA035

#D8CCB6

#CAEDEC

#F6D4EB

#E8E5D1

#79B6B3

#A1BFC3

#9FC2CC

#CFE3F0

#82E8EA

#B4C2FF

#FFA9B2

#B8C85C

#E19897

#D88E78

#16BA96

#49A4CE

#009DBE

#FF99C4

#DDB500

#64C1FF

#6C8792

#62A7C1

#9ABECB

#A1DFF3

#CE8E86

#B08F81

#CBADAA

#86ACA9

#E5BD00

#57E1F6

#DD6BAC

#BFD076

#B7E8F9

#93CADA

#5EAEC3

#6F8990

#6E3273

#AC7299

#999254

#49928D

#8FD6D9

#A2D2DA

#B4D7E4

#56778D

#899FA6

#CCE4F0

#57A7B4

#CD9393

#A1C689

#1F8338

#78D0AC

#23C1BA

#ACAA6F

#A3B78B

#88B48E

#38735F

#6C807D

#ADC3C5

#81C8DB

#ABCCE3

#FF9C96

#673A29

#70BCAC

#1DB3EB

#33B09A

#007A72

#CD698C

#D47E8F

#009173

#4ECEC4

#B55E86

#B74964

#DE9A5E

#00BC7A

#23B5FF

#D97CD7

Teal hex, RGB, HSL and OKLCH

#008080

HEX: #008080
RGB: rgb(0, 128, 128)
HSL: hsl(180, 100%, 25%)
OKLCH: oklch(54.3% 0.093 194.8)
On white: 4.77:1
On black: 4.40:1

Shades of teal

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Teal on white measures 4.77:1 and on black 4.40:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.08:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:turquoise, aqua. See every shade on the colors index.

Teal color: hex codes, shades and palettes

No teal palettes yet

Teal hex, RGB, HSL and OKLCH

Shades of teal

Contrast and readability