#9ECF5A

#9ECF5A

Color Values

HEX

#9ECF5A

RGB

158, 207, 90

HSL

85.1, 54.9%, 58.2%

HSV

85.1, 56.5%, 81.2%

CMYK

23.7%, 0.0%, 56.5%, 18.8%

OKLCH

0.7955 0.1559 128.5

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#9ECF5A

#8B5ACF

Analogous

#CFC55A

#63CF5A

#9ECF5A

Triadic

#9ECF5A

#5A9ECF

#CF5A9E

Split Complementary

#9ECF5A

#5A63CF

#C55ACF

Tetradic

#9ECF5A

#5ACFC5

#8B5ACF

#CF5A63

Color Blindness Simulation

Original

#9ECF5A

Protanopia

#B3B476

Deuteranopia

#B0AD7D

Tritanopia

#A08D92

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DFEFC8
300
#C7E3A0
400
#A9D46D
500
#8BC53A
600
#6F9E2E
700
#597E25
800
#45631D
900
#344819
950
#212E0F

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026