#97C198

#97C198

Color Values

HEX

#97C198

RGB

151, 193, 152

HSL

121.4, 25.3%, 67.5%

HSV

121.4, 21.8%, 75.7%

CMYK

21.8%, 0.0%, 21.2%, 24.3%

OKLCH

0.7695 0.0731 145.4

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#97C198

#C197C0

Analogous

#ABC197

#97C1AD

#97C198

Triadic

#97C198

#9897C1

#C19897

Split Complementary

#97C198

#AD97C1

#C197AB

Tetradic

#97C198

#97ABC1

#C197C0

#C1AD97

Color Blindness Simulation

Original

#97C198

Protanopia

#A9AAA2

Deuteranopia

#A7A4A4

Tritanopia

#99AAAB

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E4D3
300
#B2D1B3
400
#89B98A
500
#5FA061
600
#4C804D
700
#3D663E
800
#305030
900
#253B26
950
#182618

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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