#96D84D

#96D84D

Color Values

HEX

#96D84D

RGB

150, 216, 77

HSL

88.5, 64.1%, 57.5%

HSV

88.5, 64.4%, 84.7%

CMYK

30.6%, 0.0%, 64.4%, 15.3%

OKLCH

0.8104 0.1821 131.1

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#96D84D

#8F4DD8

Analogous

#D8D54D

#51D84D

#96D84D

Triadic

#96D84D

#4D96D8

#D84D96

Split Complementary

#96D84D

#4D51D8

#D54DD8

Tetradic

#96D84D

#4DD8D5

#8F4DD8

#D84D51

Color Blindness Simulation

Original

#96D84D

Protanopia

#B3B36F

Deuteranopia

#AFAA77

Tritanopia

#99898F

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DCF2C4
300
#C4E99B
400
#A4DD64
500
#84D12E
600
#69A725
700
#54861D
800
#426917
900
#324C14
950
#1F300D

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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