#97C593

#97C593

Color Values

HEX

#97C593

RGB

151, 197, 147

HSL

115.2, 30.1%, 67.5%

HSV

115.2, 25.4%, 77.3%

CMYK

23.4%, 0.0%, 25.4%, 22.7%

OKLCH

0.7775 0.0851 142.7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#97C593

#C193C5

Analogous

#B0C593

#93C5A8

#97C593

Triadic

#97C593

#9397C5

#C59397

Split Complementary

#97C593

#A893C5

#C593B0

Tetradic

#97C593

#93B0C5

#C193C5

#C5A893

Color Blindness Simulation

Original

#97C593

Protanopia

#ABAB9F

Deuteranopia

#A8A5A2

Tritanopia

#99A9AB

Achromatopsia

#B8B8B8

CSS Usage

background-color: #97C593;
color: #97C593;
border-color: #97C593;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F5
100
#E9F2E9
200
#D2E6D1
300
#B2D4AF
400
#89BD84
500
#5FA659
600
#4C8547
700
#3D6A39
800
#30532D
900
#253E23
950
#182716

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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