Tailwind CSS Colors

Teal 50

#F0FDFA

Tailwind classes

Backgroundbg-teal-50
Texttext-teal-50
Borderborder-teal-50
Ringring-teal-50

CSS Values

HEX#F0FDFA
RGBrgb(240, 253, 250)
HSLhsl(166, 76%, 97%)
HSL (modern)hsl(166deg 76% 97%)
OKLCHoklch(98.4% 0.0142 181deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.04:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 20.14:1AA: PassAAA: PassAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
Radix Colors
mint-2
CSS Named
azure
Ant Design
cyan-1
Open Color
gray-0
Bootstrap 5
gray-100
Material Design
grey-50
RAL Classic
9010
iOS HIG
system-background
Crayola
white
Munsell
N-9