#96C370

#96C370

Color Values

HEX

#96C370

RGB

150, 195, 112

HSL

92.5, 40.9%, 60.2%

HSV

92.5, 42.6%, 76.5%

CMYK

23.1%, 0.0%, 42.6%, 23.5%

OKLCH

0.7655 0.1211 131.9

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#96C370

#9D70C3

Analogous

#C0C370

#70C373

#96C370

Triadic

#96C370

#7096C3

#C37096

Split Complementary

#96C370

#7370C3

#C370C0

Tetradic

#96C370

#70C0C3

#9D70C3

#C37370

Color Blindness Simulation

Original

#96C370

Protanopia

#A9AA84

Deuteranopia

#A7A489

Tritanopia

#989497

Achromatopsia

#B3B3B3

CSS Usage

background-color: #96C370;
color: #96C370;
border-color: #96C370;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAEACD
300
#C0DBA9
400
#9DC77A
500
#7BB44B
600
#63903C
700
#4F7330
800
#3E5A26
900
#2F421F
950
#1E2A13

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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