Chakra UI Colors

Teal 700

#285E61

CSS Values

Package reftheme.colors.teal[700]
HEX#285E61
RGBrgb(40, 94, 97)
HSLhsl(183, 42%, 27%)
HSL (modern)hsl(183deg 42% 27%)
OKLCHoklch(44.7% 0.057 200deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 7.33:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.86:1AA: FailAAA: FailAA Large: Fail

Other Teal shades