Teal Color Code

Explore Teal (#14B8A6) with complete color code values, format conversions and color variations. Find the best color combinations and contrast. The color is part of the teal family.

14B8A6

Preview

Color name: Teal

Resolved from canonical data

Current value

#14b8a6

Open HEX

Formats

The same color in different formats:

Foreground preview

WCAG contrast checker and foreground picker

Best auto foreground

Best contrast with dark


                        #0f172a

Auto-selects the strongest contrast against the current background.

Readable text preview

The quick brown fox jumps over the lazy dog.

Button preview

Contrast ratio

7.17

Excellent accessibility

Element	AA	AAA
Small text	Pass	Pass
Large text	Pass	—
UI elements / graphics	Pass	N/A

AA for normal text is typically 4.5:1, AA for large text 3:1, AAA for normal text 7:1, and non-text UI elements typically 3:1.

Color Conversion

Same color in multiple code formats.

Swatch	Code	Value	HTML/CSS
	HEX		#14b8a6
	RGB		rgb(20 184 166)
	RGBA		rgba(20 184 166 / 1)
	HSL		hsl(173 80% 40%)
	HSLA		hsla(173 80% 40% / 1)
	CMYK		cmyk(89.13 0.00 9.78 27.84)
	LAB		lab(67.4116 -42.1553 -1.7338)
	LCH		lch(67.4116 42.1909 182.36)
	OKLCH		oklch(0.7038 0.123 182.5)