Tailwind CSS Colors

Teal 700

#0F766E

Tailwind classes

Backgroundbg-teal-700
Texttext-teal-700
Borderborder-teal-700
Ringring-teal-700

CSS Values

HEX#0F766E
RGBrgb(15, 118, 110)
HSLhsl(175, 77%, 26%)
HSL (modern)hsl(175deg 77% 26%)
OKLCHoklch(51.1% 0.0861 186deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 5.47:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.84:1AA: FailAAA: FailAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
Material Design
teal-700
Radix Colors
mint-11
Crayola
tropical-rain-forest
Bootstrap 5
teal-700
Ant Design
cyan-8
iOS HIG
accessible-mint
CSS Named
teal
Munsell
10G-4-6
RAL Classic
5021
Open Color
cyan-9