#9ECC70

#9ECC70

Color Values

HEX

#9ECC70

RGB

158, 204, 112

HSL

90.0, 47.4%, 62.0%

HSV

90.0, 45.1%, 80.0%

CMYK

22.5%, 0.0%, 45.1%, 20.0%

OKLCH

0.7915 0.1305 130.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#9ECC70

#9E70CC

Analogous

#CCCC70

#70CC70

#9ECC70

Triadic

#9ECC70

#709ECC

#CC709E

Split Complementary

#9ECC70

#7070CC

#CC70CC

Tetradic

#9ECC70

#70CCCC

#9E70CC

#CC7070

Color Blindness Simulation

Original

#9ECC70

Protanopia

#B2B286

Deuteranopia

#AFAC8C

Tritanopia

#A0989C

Achromatopsia

#BCBCBC

CSS Usage

background-color: #9ECC70;
color: #9ECC70;
border-color: #9ECC70;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DBECCA
300
#C2DFA5
400
#A1CD74
500
#80BC43
600
#669636
700
#52782B
800
#405E22
900
#30451C
950
#1F2C12

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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