#96D99C

#96D99C

Color Values

HEX

#96D99C

RGB

150, 217, 156

HSL

125.4, 46.9%, 72.0%

HSV

125.4, 30.9%, 85.1%

CMYK

30.9%, 0.0%, 28.1%, 14.9%

OKLCH

0.8246 0.1085 146.7

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#96D99C

#D996D3

Analogous

#B2D996

#96D9BE

#96D99C

Triadic

#96D99C

#9C96D9

#D99C96

Split Complementary

#96D99C

#BE96D9

#D996B2

Tetradic

#96D99C

#96B2D9

#D996D3

#D9BE96

Color Blindness Simulation

Original

#96D99C

Protanopia

#B3B4AB

Deuteranopia

#AFAAAE

Tritanopia

#99B6B9

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBECCE
300
#A5DFAA
400
#74CD7C
500
#44BB4E
600
#36963F
700
#2B7832
800
#225E27
900
#1C4520
950
#122C14

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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