#40AE3C

#40AE3C

Color Values

HEX

#40AE3C

RGB

64, 174, 60

HSL

117.9, 48.7%, 45.9%

HSV

117.9, 65.5%, 68.2%

CMYK

63.2%, 0.0%, 65.5%, 31.8%

OKLCH

0.664 0.1827 142.7

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#40AE3C

#AA3CAE

Analogous

#79AE3C

#3CAE71

#40AE3C

Triadic

#40AE3C

#3C40AE

#AE3C40

Split Complementary

#40AE3C

#713CAE

#AE3C79

Tetradic

#40AE3C

#3C79AE

#AA3CAE

#AE713C

Color Blindness Simulation

Original

#40AE3C

Protanopia

#707158

Deuteranopia

#69615E

Tritanopia

#466D72

Achromatopsia

#8E8E8E

CSS Usage

background-color: #40AE3C;
color: #40AE3C;
border-color: #40AE3C;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CBEDCA
300
#A6E0A4
400
#76CF73
500
#46BE41
600
#389834
700
#2D792A
800
#235F21
900
#1D461B
950
#122C11

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34: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