#97D99D

#97D99D

Color Values

HEX

#97D99D

RGB

151, 217, 157

HSL

125.5, 46.5%, 72.2%

HSV

125.5, 30.4%, 85.1%

CMYK

30.4%, 0.0%, 27.6%, 14.9%

OKLCH

0.8254 0.1069 146.8

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#97D99D

#D997D3

Analogous

#B2D997

#97D9BE

#97D99D

Triadic

#97D99D

#9D97D9

#D99D97

Split Complementary

#97D99D

#BE97D9

#D997B2

Tetradic

#97D99D

#97B2D9

#D997D3

#D9BE97

Color Blindness Simulation

Original

#97D99D

Protanopia

#B4B4AC

Deuteranopia

#B0ABAF

Tritanopia

#9AB7BA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBECCE
300
#A5DEAB
400
#75CD7D
500
#44BB4F
600
#37953F
700
#2C7833
800
#225D28
900
#1C4520
950
#122B14

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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