#97F994

#97F994

Color Values

HEX

#97F994

RGB

151, 249, 148

HSL

118,2, 89,4%, 77,8%

HSV

118,2, 40,6%, 97,6%

CMYK

39,4%, 0,0%, 40,6%, 2,4%

OKLCH

0,8977 0,1639 143,4

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#97F994

#F694F9

Analogous

#C9F994

#94F9C3

#97F994

Triadic

#97F994

#9497F9

#F99497

Split Complementary

#97F994

#C394F9

#F994C9

Tetradic

#97F994

#94C9F9

#F694F9

#F9C394

Color Blindness Simulation

Original

#97F994

Protanopia

#C1C2AC

Deuteranopia

#BCB4B2

Tritanopia

#9CC0C4

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BDFBBB
300
#8EF98B
400
#51F54C
500
#14F10E
600
#10C10B
700
#0D9B09
800
#0A7907
900
#0C5709
950
#073706

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,29: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