#97FA93

#97FA93

Color Values

HEX

#97FA93

RGB

151, 250, 147

HSL

117.7, 91.2%, 77.8%

HSV

117.7, 41.2%, 98.0%

CMYK

39.6%, 0.0%, 41.2%, 2.0%

OKLCH

0.8999 0.1663 143.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#97FA93

#F693FA

Analogous

#CAFA93

#93FAC2

#97FA93

Triadic

#97FA93

#9397FA

#FA9397

Split Complementary

#97FA93

#C293FA

#FA93CA

Tetradic

#97FA93

#93CAFA

#F693FA

#FAC293

Color Blindness Simulation

Original

#97FA93

Protanopia

#C2C3AC

Deuteranopia

#BCB5B2

Tritanopia

#9CC0C4

Achromatopsia

#DEDEDE

CSS Usage

background-color: #97FA93;
color: #97FA93;
border-color: #97FA93;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBB
300
#8EFA8A
400
#51F74B
500
#14F40B
600
#10C309
700
#0D9C07
800
#0A7A06
900
#0C5809
950
#073805

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026