#96DB97

#96DB97

Color Values

HEX

#96DB97

RGB

150, 219, 151

HSL

120.9, 48.9%, 72.4%

HSV

120.9, 31.5%, 85.9%

CMYK

31.5%, 0.0%, 31.1%, 14.1%

OKLCH

0.8282 0.1168 144.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#96DB97

#DB96DA

Analogous

#B8DB96

#96DBBA

#96DB97

Triadic

#96DB97

#9796DB

#DB9796

Split Complementary

#96DB97

#BA96DB

#DB96B8

Tetradic

#96DB97

#96B8DB

#DB96DA

#DBBA96

Color Blindness Simulation

Original

#96DB97

Protanopia

#B4B4A7

Deuteranopia

#B0ABAB

Tritanopia

#99B4B7

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDCA
300
#A4E0A5
400
#73CF74
500
#41BE43
600
#349836
700
#2A7A2B
800
#215F22
900
#1B461C
950
#112C12

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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