#96F596

#96F596

Color Values

HEX

#96F596

RGB

150, 245, 150

HSL

120.0, 82.6%, 77.5%

HSV

120.0, 38.8%, 96.1%

CMYK

38.8%, 0.0%, 38.8%, 3.9%

OKLCH

0.8883 0.1568 144.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#96F596

#F596F5

Analogous

#C6F596

#96F5C6

#96F596

Triadic

#96F596

#9696F5

#F59696

Split Complementary

#96F596

#C696F5

#F596C6

Tetradic

#96F596

#96C6F5

#F596F5

#F5C696

Color Blindness Simulation

Original

#96F596

Protanopia

#BFC0AD

Deuteranopia

#BAB2B2

Tritanopia

#9BBFC3

Achromatopsia

#DADADA

CSS Usage

background-color: #96F596;
color: #96F596;
border-color: #96F596;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF9BE
300
#8FF48F
400
#53EF53
500
#16E916
600
#12BA12
700
#0E950E
800
#0B740B
900
#0C540C
950
#083508

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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