#96F253

#96F253

Color Values

HEX

#96F253

RGB

150, 242, 83

HSL

94.7, 85.9%, 63.7%

HSV

94.7, 65.7%, 94.9%

CMYK

38.0%, 0.0%, 65.7%, 5.1%

OKLCH

0.8726 0.2106 134.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#96F253

#AF53F2

Analogous

#E5F253

#53F25F

#96F253

Triadic

#96F253

#5396F2

#F25396

Split Complementary

#96F253

#5F53F2

#F253E5

Tetradic

#96F253

#53E5F2

#AF53F2

#F25F53

Color Blindness Simulation

Original

#96F253

Protanopia

#BEBF79

Deuteranopia

#B8B283

Tritanopia

#9B989F

Achromatopsia

#D3D3D3

CSS Usage

background-color: #96F253;
color: #96F253;
border-color: #96F253;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D6FABD
300
#BAF68D
400
#94F250
500
#6EED12
600
#58BE0E
700
#47980C
800
#377709
900
#2B560B
950
#1B3607

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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