#96C356

#96C356

Color Values

HEX

#96C356

RGB

150, 195, 86

HSL

84.8, 47.6%, 55.1%

HSV

84.8, 55.9%, 76.5%

CMYK

23.1%, 0.0%, 55.9%, 23.5%

OKLCH

0.7619 0.147 128.2

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#96C356

#8356C3

Analogous

#C3BA56

#5FC356

#96C356

Triadic

#96C356

#5696C3

#C35696

Split Complementary

#96C356

#565FC3

#BA56C3

Tetradic

#96C356

#56C3BA

#8356C3

#C3565F

Color Blindness Simulation

Original

#96C356

Protanopia

#A9AA70

Deuteranopia

#A7A477

Tritanopia

#98858A

Achromatopsia

#B2B2B2

CSS Usage

background-color: #96C356;
color: #96C356;
border-color: #96C356;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCA
300
#C7DFA5
400
#A8CE74
500
#8ABC43
600
#6E9735
700
#58782B
800
#455E21
900
#34451C
950
#212C11

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026