#97FA48

#97FA48

Color Values

HEX

#97FA48

RGB

151, 250, 72

HSL

93.4, 94.7%, 63.1%

HSV

93.4, 71.2%, 98.0%

CMYK

39.6%, 0.0%, 71.2%, 2.0%

OKLCH

0.8912 0.2266 134.4

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#97FA48

#AB48FA

Analogous

#F0FA48

#48FA52

#97FA48

Triadic

#97FA48

#4897FA

#FA4897

Split Complementary

#97FA48

#5248FA

#FA48F0

Tetradic

#97FA48

#48F0FA

#AB48FA

#FA5248

Color Blindness Simulation

Original

#97FA48

Protanopia

#C2C373

Deuteranopia

#BCB57D

Tritanopia

#9C959D

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#ECFCDF
200
#D7FDB9
300
#BBFC88
400
#97FA47
500
#72F807
600
#5BC705
700
#499F04
800
#397C03
900
#2C5A07
950
#1C3905

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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