#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