#40EE97

#40EE97

Color Values

HEX

#40EE97

RGB

64, 238, 151

HSL

150.0, 83.7%, 59.2%

HSV

150.0, 73.1%, 93.3%

CMYK

73.1%, 0.0%, 36.6%, 6.7%

OKLCH

0.8424 0.1853 156.2

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#40EE97

#EE4097

Analogous

#40EE40

#40EEEE

#40EE97

Triadic

#40EE97

#9740EE

#EE9740

Split Complementary

#40EE97

#EE40EE

#EE4040

Tetradic

#40EE97

#4040EE

#EE4097

#EEEE40

Color Blindness Simulation

Original

#40EE97

Protanopia

#8B8DAC

Deuteranopia

#8174B1

Tritanopia

#49BDC0

Achromatopsia

#C3C3C3

CSS Usage

background-color: #40EE97;
color: #40EE97;
border-color: #40EE97;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDF9DB
300
#8FF5C2
400
#52F0A1
500
#15EA80
600
#11BB66
700
#0D9652
800
#0A7540
900
#0C5530
950
#08361F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026