#97D94F

#97D94F

Color Values

HEX

#97D94F

RGB

151, 217, 79

HSL

88.7, 64.5%, 58.0%

HSV

88.7, 63.6%, 85.1%

CMYK

30.4%, 0.0%, 63.6%, 14.9%

OKLCH

0.8136 0.1814 131.2

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97D94F

#914FD9

Analogous

#D9D64F

#52D94F

#97D94F

Triadic

#97D94F

#4F97D9

#D94F97

Split Complementary

#97D94F

#4F52D9

#D64FD9

Tetradic

#97D94F

#4FD9D6

#914FD9

#D94F52

Color Blindness Simulation

Original

#97D94F

Protanopia

#B4B470

Deuteranopia

#B0AB78

Tritanopia

#9A8B91

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DCF2C4
300
#C4E99A
400
#A3DE64
500
#83D22D
600
#69A824
700
#54861D
800
#426917
900
#324D14
950
#1F300D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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