#40BF56

#40BF56

Color Values

HEX

#40BF56

RGB

64, 191, 86

HSL

130.4, 49.8%, 50.0%

HSV

130.4, 66.5%, 74.9%

CMYK

66.5%, 0.0%, 55.0%, 25.1%

OKLCH

0.7118 0.1831 146.3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#40BF56

#BF40A9

Analogous

#69BF40

#40BF96

#40BF56

Triadic

#40BF56

#5640BF

#BF5640

Split Complementary

#40BF56

#9640BF

#BF4069

Tetradic

#40BF56

#4069BF

#BF40A9

#BF9640

Color Blindness Simulation

Original

#40BF56

Protanopia

#77786F

Deuteranopia

#706676

Tritanopia

#468388

Achromatopsia

#9C9C9C

CSS Usage

background-color: #40BF56;
color: #40BF56;
border-color: #40BF56;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF5
100
#E6F5E8
200
#CAEDD0
300
#A3E0AE
400
#72D082
500
#40BF56
600
#339945
700
#297A37
800
#205F2B
900
#1B4622
950
#112C16

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026