Tailwind CSS Colors
Green 400
#4ADE80Tailwind classes
Backgroundbg-green-400
Texttext-green-400
Borderborder-green-400
Ringring-green-400
CSS Values
HEX#4ADE80
RGBrgb(74, 222, 128)
HSLhsl(142, 69%, 58%)
HSL (modern)hsl(142deg 69% 58%)
OKLCHoklch(80% 0.1821 152deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.74:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 12.05:1AA: PassAAA: PassAA Large: Pass
Other Green shades
Nearest Named Colors
See allOpen Colorgreen-4
Material Designgreen-a400
Munsell5G-7-6
Ant Designgreen-4
Bootstrap 5teal-400
iOS HIGsystem-green
Crayolashamrock
CSS Namedmediumspringgreen
Radix Colorsgrass-7
RAL Classic6038