#40AC20

#40AC20

Color Values

HEX

#40AC20

RGB

64, 172, 32

HSL

106.3, 68.6%, 40.0%

HSV

106.3, 81.4%, 67.5%

CMYK

62.8%, 0.0%, 81.4%, 32.5%

OKLCH

0.6565 0.1969 139.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#40AC20

#8C20AC

Analogous

#86AC20

#20AC46

#40AC20

Triadic

#40AC20

#2040AC

#AC2040

Split Complementary

#40AC20

#4620AC

#AC2086

Tetradic

#40AC20

#2086AC

#8C20AC

#AC4620

Color Blindness Simulation

Original

#40AC20

Protanopia

#6F7042

Deuteranopia

#68604A

Tritanopia

#455D62

Achromatopsia

#8B8B8B

CSS Usage

background-color: #40AC20;
color: #40AC20;
border-color: #40AC20;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FCF3
100
#E7F8E3
200
#CEF4C3
300
#ABEC98
400
#7DE160
500
#50D728
600
#40AC20
700
#338A1A
800
#286B14
900
#204E13
950
#14310C

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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