#97DC49

#97DC49

Color Values

HEX

#97DC49

RGB

151, 220, 73

HSL

88.2, 67.7%, 57.5%

HSV

88.2, 66.8%, 86.3%

CMYK

31.4%, 0.0%, 66.8%, 13.7%

OKLCH

0.8201 0.1895 131.2

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97DC49

#8E49DC

Analogous

#DCD849

#4EDC49

#97DC49

Triadic

#97DC49

#4997DC

#DC4997

Split Complementary

#97DC49

#494EDC

#D849DC

Tetradic

#97DC49

#49DCD8

#8E49DC

#DC494E

Color Blindness Simulation

Original

#97DC49

Protanopia

#B5B56D

Deuteranopia

#B1AC75

Tritanopia

#9A898F

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C3
300
#C4EB98
400
#A4E161
500
#85D629
600
#6AAB21
700
#55891A
800
#426B15
900
#324E13
950
#20310C

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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