#97FD88

#97FD88

Color Values

HEX

#97FD88

RGB

151, 253, 136

HSL

112.3, 96.7%, 76.3%

HSV

112.3, 46.2%, 99.2%

CMYK

40.3%, 0.0%, 46.2%, 0.8%

OKLCH

0.9052 0.1809 141.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#97FD88

#EE88FD

Analogous

#D2FD88

#88FDB4

#97FD88

Triadic

#97FD88

#8897FD

#FD8897

Split Complementary

#97FD88

#B488FD

#FD88D2

Tetradic

#97FD88

#88D2FD

#EE88FD

#FDB488

Color Blindness Simulation

Original

#97FD88

Protanopia

#C3C4A4

Deuteranopia

#BDB6AB

Tritanopia

#9CBBC0

Achromatopsia

#DFDFDF

CSS Usage

background-color: #97FD88;
color: #97FD88;
border-color: #97FD88;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FEF1
100
#E2FCDE
200
#C2FEB9
300
#96FD87
400
#5DFC45
500
#24FB04
600
#1DC903
700
#17A103
800
#127D02
900
#115B06
950
#0B3904

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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