#9DC558

#9DC558

Color Values

HEX

#9DC558

RGB

157, 197, 88

HSL

82.0, 48.4%, 55.9%

HSV

82.0, 55.3%, 77.3%

CMYK

20.3%, 0.0%, 55.3%, 22.7%

OKLCH

0.7714 0.1446 126.4

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#9DC558

#8058C5

Analogous

#C5B658

#67C558

#9DC558

Triadic

#9DC558

#589DC5

#C5589D

Split Complementary

#9DC558

#5867C5

#B658C5

Tetradic

#9DC558

#58C5B6

#8058C5

#C55867

Color Blindness Simulation

Original

#9DC558

Protanopia

#AEAF72

Deuteranopia

#ACA979

Tritanopia

#9F878C

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#E0EDCA
300
#CADFA4
400
#ADCE73
500
#90BD42
600
#739735
700
#5C792A
800
#485F21
900
#36461B
950
#222C11

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026