#97DCA3

#97DCA3

Color Values

HEX

#97DCA3

RGB

151, 220, 163

HSL

130.4, 49.6%, 72.7%

HSV

130.4, 31.4%, 86.3%

CMYK

31.4%, 0.0%, 25.9%, 13.7%

OKLCH

0.8336 0.1055 149.1

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#97DCA3

#DC97D0

Analogous

#ADDC97

#97DCC5

#97DCA3

Triadic

#97DCA3

#A397DC

#DCA397

Split Complementary

#97DCA3

#C597DC

#DC97AD

Tetradic

#97DCA3

#97ADDC

#DC97D0

#DCC597

Color Blindness Simulation

Original

#97DCA3

Protanopia

#B5B5B1

Deuteranopia

#B1ACB4

Tritanopia

#9ABCBE

Achromatopsia

#C9C9C9

CSS Usage

background-color: #97DCA3;
color: #97DCA3;
border-color: #97DCA3;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FBF5
100
#E6F5E8
200
#CAEDD0
300
#A3E0AE
400
#72CF82
500
#40BF56
600
#339945
700
#297A37
800
#205F2B
900
#1B4622
950
#112C16

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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