Chakra UI Colors

Green 400

#48BB78

CSS Values

Package reftheme.colors.green[400]
HEX#48BB78
RGBrgb(72, 187, 120)
HSLhsl(145, 46%, 51%)
HSL (modern)hsl(145deg 46% 51%)
OKLCHoklch(71% 0.1434 155deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.43:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.65:1AA: PassAAA: PassAA Large: Pass

Other Green shades