Tailwind CSS Colors
Green 500
#22C55ETailwind classes
Backgroundbg-green-500
Texttext-green-500
Borderborder-green-500
Ringring-green-500
CSS Values
HEX#22C55E
RGBrgb(34, 197, 94)
HSLhsl(142, 71%, 45%)
HSL (modern)hsl(142deg 71% 45%)
OKLCHoklch(72.3% 0.192 150deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.28:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 9.22:1AA: PassAAA: PassAA Large: Pass
Other Green shades
Nearest Named Colors
See alliOS HIGsystem-green
Open Colorgreen-6
Material Designgreen-a700
Munsell10GY-7-6
Ant Designgreen-6
CSS Namedlimegreen
RAL Classic6038
Radix Colorsgrass-8
Bootstrap 5teal-500
Crayolafern