#96F894

#96F894

Color Values

HEX

#96F894

RGB

150, 248, 148

HSL

118.8, 87.7%, 77.6%

HSV

118.8, 40.3%, 97.3%

CMYK

39.5%, 0.0%, 40.3%, 2.7%

OKLCH

0.8949 0.1631 143.6

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#96F894

#F694F8

Analogous

#C8F894

#94F8C4

#96F894

Triadic

#96F894

#9496F8

#F89496

Split Complementary

#96F894

#C494F8

#F894C8

Tetradic

#96F894

#94C8F8

#F694F8

#F8C494

Color Blindness Simulation

Original

#96F894

Protanopia

#C0C1AC

Deuteranopia

#BBB3B2

Tritanopia

#9BBFC4

Achromatopsia

#DCDCDC

CSS Usage

background-color: #96F894;
color: #96F894;
border-color: #96F894;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BDFBBC
300
#8EF78C
400
#51F34E
500
#14EF10
600
#10BF0D
700
#0D990A
800
#0A7808
900
#0C570A
950
#073706

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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