Tailwind CSS Colors

Teal 500

#14B8A6

Tailwind classes

Backgroundbg-teal-500
Texttext-teal-500
Borderborder-teal-500
Ringring-teal-500

CSS Values

HEX#14B8A6
RGBrgb(20, 184, 166)
HSLhsl(173, 80%, 40%)
HSL (modern)hsl(173deg 80% 40%)
OKLCHoklch(70.4% 0.123 183deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.49:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.44:1AA: PassAAA: PassAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
CSS Named
lightseagreen
Material Design
teal-a700
Munsell
5BG-6-8
Radix Colors
mint-8
Crayola
jungle-green
Ant Design
cyan-6
Open Color
teal-6
iOS HIG
system-mint
Bootstrap 5
green-300
RAL Classic
6034