#97DA51

#97DA51

Color Values

HEX

#97DA51

RGB

151, 218, 81

HSL

89.3, 64.9%, 58.6%

HSV

89.3, 62.8%, 85.5%

CMYK

30.7%, 0.0%, 62.8%, 14.5%

OKLCH

0.8161 0.1812 131.5

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97DA51

#9451DA

Analogous

#DAD851

#53DA51

#97DA51

Triadic

#97DA51

#5197DA

#DA5197

Split Complementary

#97DA51

#5153DA

#D851DA

Tetradic

#97DA51

#51DAD8

#9451DA

#DA5153

Color Blindness Simulation

Original

#97DA51

Protanopia

#B4B572

Deuteranopia

#B0AB7A

Tritanopia

#9A8C92

Achromatopsia

#C2C2C2

CSS Usage

background-color: #97DA51;
color: #97DA51;
border-color: #97DA51;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DCF2C4
300
#C3EA9A
400
#A2DE63
500
#81D22D
600
#68A824
700
#53871D
800
#416916
900
#314D14
950
#1F300D

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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