#96F494

#96F494

Color Values

HEX

#96F494

RGB

150, 244, 148

HSL

118.8, 81.4%, 76.9%

HSV

118.8, 39.3%, 95.7%

CMYK

38.5%, 0.0%, 39.3%, 4.3%

OKLCH

0.8856 0.1573 143.7

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#96F494

#F294F4

Analogous

#C6F494

#94F4C2

#96F494

Triadic

#96F494

#9496F4

#F49496

Split Complementary

#96F494

#C294F4

#F494C6

Tetradic

#96F494

#94C6F4

#F294F4

#F4C294

Color Blindness Simulation

Original

#96F494

Protanopia

#BFC0AB

Deuteranopia

#B9B2B1

Tritanopia

#9BBEC2

Achromatopsia

#D9D9D9

CSS Usage

background-color: #96F494;
color: #96F494;
border-color: #96F494;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BFF8BE
300
#92F490
400
#57ED54
500
#1CE718
600
#16B913
700
#12940F
800
#0E740C
900
#0E540D
950
#093508

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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