Tailwind CSS Colors

Teal 100

#CCFBF1

Tailwind classes

Backgroundbg-teal-100
Texttext-teal-100
Borderborder-teal-100
Ringring-teal-100

CSS Values

HEX#CCFBF1
RGBrgb(204, 251, 241)
HSLhsl(167, 85%, 89%)
HSL (modern)hsl(167deg 85% 89%)
OKLCHoklch(95.3% 0.0498 181deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.13:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 18.64:1AA: PassAAA: PassAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
Open Color
teal-1
Bootstrap 5
teal-100
Radix Colors
mint-4
Material Design
cyan-50
Ant Design
cyan-2
CSS Named
lightcyan
RAL Classic
9002
Crayola
white
iOS HIG
tertiary-system-fill
Munsell
N-9