Chakra UI Colors

Teal 300

#4FD1C5

CSS Values

Package reftheme.colors.teal[300]
HEX#4FD1C5
RGBrgb(79, 209, 197)
HSLhsl(174, 59%, 56%)
HSL (modern)hsl(174deg 59% 56%)
OKLCHoklch(78.6% 0.1143 187deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.87:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.26:1AA: PassAAA: PassAA Large: Pass

Other Teal shades