Tailwind CSS Colors

Green 300

#86EFAC

Tailwind classes

Backgroundbg-green-300
Texttext-green-300
Borderborder-green-300
Ringring-green-300

CSS Values

HEX#86EFAC
RGBrgb(134, 239, 172)
HSLhsl(142, 77%, 73%)
HSL (modern)hsl(142deg 77% 73%)
OKLCHoklch(87.1% 0.1363 154deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.4:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 14.96:1AA: PassAAA: PassAA Large: Pass

Other Green shades

Nearest Named Colors

See all
Material Design
green-a200
Open Color
green-3
CSS Named
lightgreen
Crayola
granny-smith-apple
Ant Design
green-3
Radix Colors
mint-9
RAL Classic
6019
Bootstrap 5
teal-300
Munsell
5G-7-6
iOS HIG
quaternary-label