#96C24F

#96C24F

Color Values

HEX

#96C24F

RGB

150, 194, 79

HSL

83.0, 48.5%, 53.5%

HSV

83.0, 59.3%, 76.1%

CMYK

22.7%, 0.0%, 59.3%, 23.9%

OKLCH

0.7587 0.1517 127.3

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#96C24F

#7B4FC2

Analogous

#C2B54F

#5CC24F

#96C24F

Triadic

#96C24F

#4F96C2

#C24F96

Split Complementary

#96C24F

#4F5CC2

#B54FC2

Tetradic

#96C24F

#4FC2B5

#7B4FC2

#C24F5C

Color Blindness Simulation

Original

#96C24F

Protanopia

#A9A96B

Deuteranopia

#A6A372

Tritanopia

#988186

Achromatopsia

#B0B0B0

CSS Usage

background-color: #96C24F;
color: #96C24F;
border-color: #96C24F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDCA
300
#C9DFA4
400
#ABCE73
500
#8EBD42
600
#729735
700
#5B792A
800
#475F21
900
#35461B
950
#222C11

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026