#96D563

#96D563

Color Values

HEX

#96D563

RGB

150, 213, 99

HSL

93.2, 57.6%, 61.2%

HSV

93.2, 53.5%, 83.5%

CMYK

29.6%, 0.0%, 53.5%, 16.5%

OKLCH

0.8057 0.16 132.9

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#96D563

#A263D5

Analogous

#CFD563

#63D569

#96D563

Triadic

#96D563

#6396D5

#D56396

Split Complementary

#96D563

#6963D5

#D563CF

Tetradic

#96D563

#63CFD5

#A263D5

#D56963

Color Blindness Simulation

Original

#96D563

Protanopia

#B1B27F

Deuteranopia

#AEA985

Tritanopia

#999499

Achromatopsia

#BFBFBF

CSS Usage

background-color: #96D563;
color: #96D563;
border-color: #96D563;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FBF4
100
#ECF6E4
200
#D9F0C7
300
#BEE59F
400
#9BD76A
500
#78C936
600
#60A12B
700
#4D8123
800
#3C641B
900
#2E4A17
950
#1D2E0F

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026