#9CDF50

#9CDF50

Color Values

HEX

#9CDF50

RGB

156, 223, 80

HSL

88.1, 69.1%, 59.4%

HSV

88.1, 64.1%, 87.5%

CMYK

30.0%, 0.0%, 64.1%, 12.5%

OKLCH

0.8307 0.1859 130.9

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#9CDF50

#9350DF

Analogous

#DFDA50

#54DF50

#9CDF50

Triadic

#9CDF50

#509CDF

#DF509C

Split Complementary

#9CDF50

#5054DF

#DA50DF

Tetradic

#9CDF50

#50DFDA

#9350DF

#DF5054

Color Blindness Simulation

Original

#9CDF50

Protanopia

#B9BA73

Deuteranopia

#B5B07B

Tritanopia

#9F8E94

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DDF4C3
300
#C4EC98
400
#A5E25F
500
#85D827
600
#6AAC20
700
#558A19
800
#436C14
900
#324F12
950
#20320C

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026