#97CE78

#97CE78

Color Values

HEX

#97CE78

RGB

151, 206, 120

HSL

98.4, 46.7%, 63.9%

HSV

98.4, 41.7%, 80.8%

CMYK

26.7%, 0.0%, 41.7%, 19.2%

OKLCH

0.793 0.1287 135.0

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#97CE78

#AF78CE

Analogous

#C2CE78

#78CE84

#97CE78

Triadic

#97CE78

#7897CE

#CE7897

Split Complementary

#97CE78

#8478CE

#CE78C2

Tetradic

#97CE78

#78C2CE

#AF78CE

#CE8478

Color Blindness Simulation

Original

#97CE78

Protanopia

#AFAF8D

Deuteranopia

#ACA892

Tritanopia

#9A9DA1

Achromatopsia

#BCBCBC

CSS Usage

background-color: #97CE78;
color: #97CE78;
border-color: #97CE78;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F6FAF4
100
#EBF4E6
200
#D7ECCB
300
#BADEA5
400
#94CD75
500
#6FBB44
600
#599636
700
#47782B
800
#375E22
900
#2B451C
950
#1B2B12

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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