#96D368

#96D368

Color Values

HEX

#96D368

RGB

150, 211, 104

HSL

94.2, 54.9%, 61.8%

HSV

94.2, 50.7%, 82.7%

CMYK

28.9%, 0.0%, 50.7%, 17.3%

OKLCH

0.8017 0.1525 133.3

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#96D368

#A568D3

Analogous

#CCD368

#68D370

#96D368

Triadic

#96D368

#6896D3

#D36896

Split Complementary

#96D368

#7068D3

#D368CC

Tetradic

#96D368

#68CCD3

#A568D3

#D37068

Color Blindness Simulation

Original

#96D368

Protanopia

#B0B182

Deuteranopia

#ADA888

Tritanopia

#99969B

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EFC8
300
#BDE3A0
400
#99D46D
500
#76C53A
600
#5E9E2E
700
#4B7E25
800
#3B631D
900
#2D4819
950
#1C2E0F

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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