#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026