#97B677

#97B677

Color Values

HEX

#97B677

RGB

151, 182, 119

HSL

89.5, 30.1%, 59.0%

HSV

89.5, 34.6%, 71.4%

CMYK

17.0%, 0.0%, 34.6%, 28.6%

OKLCH

0.7374 0.0928 129.7

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#97B677

#9677B6

Analogous

#B6B577

#78B677

#97B677

Triadic

#97B677

#7797B6

#B67797

Split Complementary

#97B677

#7778B6

#B577B6

Tetradic

#97B677

#77B6B5

#9677B6

#B67778

Color Blindness Simulation

Original

#97B677

Protanopia

#A4A586

Deuteranopia

#A3A08A

Tritanopia

#999295

Achromatopsia

#ABABAB

CSS Usage

background-color: #97B677;
color: #97B677;
border-color: #97B677;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DBE6D1
300
#C2D4AF
400
#A1BD84
500
#80A659
600
#678547
700
#526A39
800
#40532D
900
#313E23
950
#1F2716

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026