Tailwind CSS Colors
Teal 400
#2DD4BFTailwind classes
Backgroundbg-teal-400
Texttext-teal-400
Borderborder-teal-400
Ringring-teal-400
CSS Values
HEX#2DD4BF
RGBrgb(45, 212, 191)
HSLhsl(172, 66%, 50%)
HSL (modern)hsl(172deg 66% 50%)
OKLCHoklch(78.5% 0.1325 182deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.86:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.28:1AA: PassAAA: PassAA Large: Pass
Other Teal shades
Nearest Named Colors
See allAnt Designcyan-5
CSS Namedmediumturquoise
Bootstrap 5teal-400
Crayolarobins-egg-blue
Munsell5BG-7-6
Open Colorteal-4
iOS HIGsystem-mint
Radix Colorsmint-7
Material Designcyan-300
RAL Classic6027