#97DF46

#97DF46

Color Values

HEX

#97DF46

RGB

151, 223, 70

HSL

88.2, 70.5%, 57.5%

HSV

88.2, 68.6%, 87.5%

CMYK

32.3%, 0.0%, 68.6%, 12.5%

OKLCH

0.827 0.1953 131.4

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97DF46

#8E46DF

Analogous

#DFDA46

#4BDF46

#97DF46

Triadic

#97DF46

#4697DF

#DF4697

Split Complementary

#97DF46

#464BDF

#DA46DF

Tetradic

#97DF46

#46DFDA

#8E46DF

#DF464B

Color Blindness Simulation

Original

#97DF46

Protanopia

#B6B76B

Deuteranopia

#B2AD74

Tritanopia

#9B888F

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DDF4C2
300
#C4ED97
400
#A5E35E
500
#85D926
600
#6AAE1E
700
#558B18
800
#426D13
900
#324F12
950
#20320B

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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