#9ECC5E

#9ECC5E

Color Values

HEX

#9ECC5E

RGB

158, 204, 94

HSL

85.1, 51.9%, 58.4%

HSV

85.1, 53.9%, 80.0%

CMYK

22.5%, 0.0%, 53.9%, 20.0%

OKLCH

0.7891 0.1482 128.3

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#9ECC5E

#8C5ECC

Analogous

#CCC35E

#67CC5E

#9ECC5E

Triadic

#9ECC5E

#5E9ECC

#CC5E9E

Split Complementary

#9ECC5E

#5E67CC

#C35ECC

Tetradic

#9ECC5E

#5ECCC3

#8C5ECC

#CC5E67

Color Blindness Simulation

Original

#9ECC5E

Protanopia

#B2B279

Deuteranopia

#AFAC7F

Tritanopia

#A08E92

Achromatopsia

#BABABA

CSS Usage

background-color: #9ECC5E;
color: #9ECC5E;
border-color: #9ECC5E;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEEC9
300
#C7E2A2
400
#A9D270
500
#8AC23D
600
#6F9B31
700
#597C27
800
#45611F
900
#34471A
950
#212D10

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026