#97D862

#97D862

Color Values

HEX

#97D862

RGB

151, 216, 98

HSL

93.1, 60.2%, 61.6%

HSV

93.1, 54.6%, 84.7%

CMYK

30.1%, 0.0%, 54.6%, 15.3%

OKLCH

0.8133 0.1645 132.9

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#97D862

#A362D8

Analogous

#D2D862

#62D868

#97D862

Triadic

#97D862

#6297D8

#D86297

Split Complementary

#97D862

#6862D8

#D862D2

Tetradic

#97D862

#62D2D8

#A362D8

#D86862

Color Blindness Simulation

Original

#97D862

Protanopia

#B3B47F

Deuteranopia

#AFAA85

Tritanopia

#9A959A

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C6
300
#BEE79D
400
#9BD968
500
#78CC33
600
#60A329
700
#4D8320
800
#3C6619
900
#2E4B16
950
#1D2F0E

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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