#97C29C

#97C29C

Color Values

HEX

#97C29C

RGB

151, 194, 156

HSL

127.0, 26.1%, 67.6%

HSV

127.0, 22.2%, 76.1%

CMYK

22.2%, 0.0%, 19.6%, 23.9%

OKLCH

0.7727 0.0705 148.0

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#97C29C

#C297BD

Analogous

#A7C297

#97C2B1

#97C29C

Triadic

#97C29C

#9C97C2

#C29C97

Split Complementary

#97C29C

#B197C2

#C297A7

Tetradic

#97C29C

#97A7C2

#C297BD

#C2B197

Color Blindness Simulation

Original

#97C29C

Protanopia

#AAAAA5

Deuteranopia

#A7A4A7

Tritanopia

#99ACAE

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D2E5D4
300
#B2D2B6
400
#88B98E
500
#5EA166
600
#4B8152
700
#3C6741
800
#2F5033
900
#253C28
950
#172619

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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