#97B58C

#97B58C

Color Values

HEX

#97B58C

RGB

151, 181, 140

HSL

103.9, 21.7%, 62.9%

HSV

103.9, 22.7%, 71.0%

CMYK

16.6%, 0.0%, 22.7%, 29.0%

OKLCH

0.7396 0.0663 137.4

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#97B58C

#AA8CB5

Analogous

#ABB58C

#8CB595

#97B58C

Triadic

#97B58C

#8C97B5

#B58C97

Split Complementary

#97B58C

#958CB5

#B58CAB

Tetradic

#97B58C

#8CABB5

#AA8CB5

#B5958C

Color Blindness Simulation

Original

#97B58C

Protanopia

#A4A496

Deuteranopia

#A2A098

Tritanopia

#989E9F

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D8E3D4
300
#BCCFB5
400
#97B58C
500
#739B64
600
#5C7C50
700
#496340
800
#394E32
900
#2C3A27
950
#1C2519

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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