#9CCB5F

#9CCB5F

Color Values

HEX

#9CCB5F

RGB

156, 203, 95

HSL

86.1, 50.9%, 58.4%

HSV

86.1, 53.2%, 79.6%

CMYK

23.2%, 0.0%, 53.2%, 20.4%

OKLCH

0.7856 0.1468 128.8

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#9CCB5F

#8E5FCB

Analogous

#CBC45F

#66CB5F

#9CCB5F

Triadic

#9CCB5F

#5F9CCB

#CB5F9C

Split Complementary

#9CCB5F

#5F66CB

#C45FCB

Tetradic

#9CCB5F

#5FCBC4

#8E5FCB

#CB5F66

Color Blindness Simulation

Original

#9CCB5F

Protanopia

#B0B179

Deuteranopia

#AEAA7F

Tritanopia

#9E8E92

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEDC9
300
#C6E1A3
400
#A7D171
500
#88C03F
600
#6D9A32
700
#577B28
800
#44601F
900
#33471A
950
#202D11

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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