#96DB48

#96DB48

Color Values

HEX

#96DB48

RGB

150, 219, 72

HSL

88.2, 67.1%, 57.1%

HSV

88.2, 67.1%, 85.9%

CMYK

31.5%, 0.0%, 67.1%, 14.1%

OKLCH

0.8171 0.1895 131.2

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#96DB48

#8D48DB

Analogous

#DBD748

#4DDB48

#96DB48

Triadic

#96DB48

#4896DB

#DB4896

Split Complementary

#96DB48

#484DDB

#D748DB

Tetradic

#96DB48

#48DBD7

#8D48DB

#DB484D

Color Blindness Simulation

Original

#96DB48

Protanopia

#B4B46C

Deuteranopia

#B0AB74

Tritanopia

#99888E

Achromatopsia

#C2C2C2

CSS Usage

background-color: #96DB48;
color: #96DB48;
border-color: #96DB48;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C3
300
#C4EB99
400
#A4E061
500
#85D52A
600
#6AAA22
700
#55881B
800
#426B15
900
#324E13
950
#20310C

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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