#97FD56

#97FD56

Color Values

HEX

#97FD56

RGB

151, 253, 86

HSL

96.6, 97.7%, 66.5%

HSV

96.6, 66.0%, 99.2%

CMYK

40.3%, 0.0%, 66.0%, 0.8%

OKLCH

0.8994 0.2215 135.5

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#97FD56

#BC56FD

Analogous

#EBFD56

#56FD68

#97FD56

Triadic

#97FD56

#5697FD

#FD5697

Split Complementary

#97FD56

#6856FD

#FD56EB

Tetradic

#97FD56

#56EBFD

#BC56FD

#FD6856

Color Blindness Simulation

Original

#97FD56

Protanopia

#C3C47E

Deuteranopia

#BDB688

Tritanopia

#9C9EA5

Achromatopsia

#DBDBDB

CSS Usage

background-color: #97FD56;
color: #97FD56;
border-color: #97FD56;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB8
300
#B5FE86
400
#8CFD44
500
#64FC03
600
#50CA02
700
#40A102
800
#327E01
900
#275B06
950
#193A04

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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