Tailwind CSS Colors

Teal 300

#5EEAD4

Tailwind classes

Backgroundbg-teal-300
Texttext-teal-300
Borderborder-teal-300
Ringring-teal-300

CSS Values

HEX#5EEAD4
RGBrgb(94, 234, 212)
HSLhsl(171, 77%, 64%)
HSL (modern)hsl(171deg 77% 64%)
OKLCHoklch(85.5% 0.1251 181deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.48:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 14.2:1AA: PassAAA: PassAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
Open Color
teal-3
Radix Colors
mint-9
Bootstrap 5
teal-300
CSS Named
turquoise
Ant Design
cyan-3
Material Design
teal-a400
Crayola
aquamarine
RAL Classic
6019
Munsell
5BG-7-6
iOS HIG
system-mint