#97E158

#97E158

Color Values

HEX

#97E158

RGB

151, 225, 88

HSL

92.4, 69.5%, 61.4%

HSV

92.4, 60.9%, 88.2%

CMYK

32.9%, 0.0%, 60.9%, 11.8%

OKLCH

0.8334 0.1849 133.0

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97E158

#A258E1

Analogous

#DCE158

#58E15E

#97E158

Triadic

#97E158

#5897E1

#E15897

Split Complementary

#97E158

#5E58E1

#E158DC

Tetradic

#97E158

#58DCE1

#A258E1

#E15E58

Color Blindness Simulation

Original

#97E158

Protanopia

#B7B879

Deuteranopia

#B3AD81

Tritanopia

#9B9399

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E3
200
#D9F4C2
300
#BEEC97
400
#9BE25F
500
#78D827
600
#60AD1F
700
#4D8A19
800
#3C6C13
900
#2E4F12
950
#1D320B

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.23:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026