#8EF396

#8EF396

Color Values

HEX

#8EF396

RGB

142, 243, 150

HSL

124.8, 80.8%, 75.5%

HSV

124.8, 41.6%, 95.3%

CMYK

41.6%, 0.0%, 38.3%, 4.7%

OKLCH

0.8798 0.1583 145.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8EF396

#F38EEB

Analogous

#B8F38E

#8EF3C9

#8EF396

Triadic

#8EF396

#968EF3

#F3968E

Split Complementary

#8EF396

#C98EF3

#F38EB8

Tetradic

#8EF396

#8EB8F3

#F38EEB

#F3C98E

Color Blindness Simulation

Original

#8EF396

Protanopia

#BABBAC

Deuteranopia

#B4ACB2

Tritanopia

#93BEC2

Achromatopsia

#D7D7D7

CSS Usage

background-color: #8EF396;
color: #8EF396;
border-color: #8EF396;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BEF8C3
300
#90F398
400
#54ED61
500
#18E729
600
#14B821
700
#10941A
800
#0C7314
900
#0D5413
950
#08350C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.41:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026