#40C050

#40C050

Color Values

HEX

#40C050

RGB

64, 192, 80

HSL

127,5, 50,4%, 50,2%

HSV

127,5, 66,7%, 75,3%

CMYK

66,7%, 0,0%, 58,3%, 24,7%

OKLCH

0,7137 0,1893 145,3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#40C050

#C040B0

Analogous

#70C040

#40C090

#40C050

Triadic

#40C050

#5040C0

#C05040

Split Complementary

#40C050

#9040C0

#C04070

Tetradic

#40C050

#4070C0

#C040B0

#C09040

Color Blindness Simulation

Original

#40C050

Protanopia

#77796B

Deuteranopia

#706672

Tritanopia

#468185

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E6F5E7
200
#C9EDCE
300
#A3E1AB
400
#71D07D
500
#3FC04F
600
#33993F
700
#287B33
800
#206028
900
#1A4620
950
#112C14

Contrast Checker

Text on white

2,37:1

AA Fail AAA Fail

Text on black

8,87: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