#9DDC63

#9DDC63

Color Values

HEX

#9DDC63

RGB

157, 220, 99

HSL

91.2, 63.4%, 62.5%

HSV

91.2, 55.0%, 86.3%

CMYK

28.6%, 0.0%, 55.0%, 13.7%

OKLCH

0.8263 0.1661 132.0

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#9DDC63

#A263DC

Analogous

#DADC63

#63DC65

#9DDC63

Triadic

#9DDC63

#639DDC

#DC639D

Split Complementary

#9DDC63

#6563DC

#DC63DA

Tetradic

#9DDC63

#63DADC

#A263DC

#DC6563

Color Blindness Simulation

Original

#9DDC63

Protanopia

#B8B980

Deuteranopia

#B5B087

Tritanopia

#A0979C

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF7E4
200
#DAF2C5
300
#C0E99B
400
#9EDC65
500
#7CD02F
600
#63A725
700
#50851E
800
#3E6817
900
#2F4C15
950
#1E300D

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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