#96F79D

#96F79D

Color Values

HEX

#96F79D

RGB

150, 247, 157

HSL

124.3, 85.8%, 77.8%

HSV

124.3, 39.3%, 96.9%

CMYK

39.3%, 0.0%, 36.4%, 3.1%

OKLCH

0.8942 0.1529 145.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#96F79D

#F796F0

Analogous

#BFF796

#96F7CD

#96F79D

Triadic

#96F79D

#9D96F7

#F79D96

Split Complementary

#96F79D

#CD96F7

#F796BF

Tetradic

#96F79D

#96BFF7

#F796F0

#F7CD96

Color Blindness Simulation

Original

#96F79D

Protanopia

#C0C1B3

Deuteranopia

#BAB3B8

Tritanopia

#9BC4C8

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BDFAC1
300
#8DF695
400
#50F25B
500
#12ED22
600
#0EBE1B
700
#0C9816
800
#097611
900
#0B5610
950
#07360A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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