#96CC61

#96CC61

Color Values

HEX

#96CC61

RGB

150, 204, 97

HSL

90.3, 51.2%, 59.0%

HSV

90.3, 52.5%, 80.0%

CMYK

26.5%, 0.0%, 52.5%, 20.0%

OKLCH

0.7843 0.1493 131.3

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#96CC61

#9761CC

Analogous

#CBCC61

#61CC61

#96CC61

Triadic

#96CC61

#6196CC

#CC6196

Split Complementary

#96CC61

#6161CC

#CC61CB

Tetradic

#96CC61

#61CBCC

#9761CC

#CC6161

Color Blindness Simulation

Original

#96CC61

Protanopia

#ADAE7B

Deuteranopia

#AAA681

Tritanopia

#998F94

Achromatopsia

#B9B9B9

CSS Usage

background-color: #96CC61;
color: #96CC61;
border-color: #96CC61;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEEC9
300
#C1E1A2
400
#A0D170
500
#7FC13E
600
#659A32
700
#517B28
800
#3F601F
900
#30471A
950
#1E2D10

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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