#9DC960

#9DC960

Color Values

HEX

#9DC960

RGB

157, 201, 96

HSL

85.1, 49.3%, 58.2%

HSV

85.1, 52.2%, 78.8%

CMYK

21.9%, 0.0%, 52.2%, 21.2%

OKLCH

0.7817 0.1426 128.2

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#9DC960

#8C60C9

Analogous

#C9C060

#68C960

#9DC960

Triadic

#9DC960

#609DC9

#C9609D

Split Complementary

#9DC960

#6068C9

#C060C9

Tetradic

#9DC960

#60C9C0

#8C60C9

#C96068

Color Blindness Simulation

Original

#9DC960

Protanopia

#B0B079

Deuteranopia

#AEAA7F

Tritanopia

#9F8D92

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DEEDCA
300
#C7E0A4
400
#A8CF72
500
#8ABE41
600
#6E9834
700
#587A29
800
#455F20
900
#34461B
950
#212C11

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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