#96CF71

#96CF71

Color Values

HEX

#96CF71

RGB

150, 207, 113

HSL

96.4, 49.5%, 62.7%

HSV

96.4, 45.4%, 81.2%

CMYK

27.5%, 0.0%, 45.4%, 18.8%

OKLCH

0.7936 0.1379 134.2

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#96CF71

#AA71CF

Analogous

#C5CF71

#71CF7B

#96CF71

Triadic

#96CF71

#7196CF

#CF7196

Split Complementary

#96CF71

#7B71CF

#CF71C5

Tetradic

#96CF71

#71C5CF

#AA71CF

#CF7B71

Color Blindness Simulation

Original

#96CF71

Protanopia

#AFAF88

Deuteranopia

#ABA78D

Tritanopia

#999A9E

Achromatopsia

#BCBCBC

CSS Usage

background-color: #96CF71;
color: #96CF71;
border-color: #96CF71;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF4
100
#ECF5E6
200
#D8EDCA
300
#BBE0A4
400
#97CF72
500
#72BF40
600
#5B9834
700
#497A29
800
#395F20
900
#2C461B
950
#1C2C11

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026