#97ED54

#97ED54

Color Values

HEX

#97ED54

RGB

151, 237, 84

HSL

93.7, 81.0%, 62.9%

HSV

93.7, 64.6%, 92.9%

CMYK

36.3%, 0.0%, 64.6%, 7.1%

OKLCH

0.8614 0.2032 134.0

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97ED54

#AA54ED

Analogous

#E4ED54

#54ED5D

#97ED54

Triadic

#97ED54

#5497ED

#ED5497

Split Complementary

#97ED54

#5D54ED

#ED54E4

Tetradic

#97ED54

#54E4ED

#AA54ED

#ED5D54

Color Blindness Simulation

Original

#97ED54

Protanopia

#BCBD79

Deuteranopia

#B7B182

Tritanopia

#9B969D

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECF9E1
200
#D8F8BE
300
#BCF390
400
#97ED54
500
#73E718
600
#5CB913
700
#499410
800
#39730C
900
#2C540D
950
#1C3508

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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