#9DB989

#9DB989

Color Values

HEX

#9DB989

RGB

157, 185, 137

HSL

95.0, 25.5%, 63.1%

HSV

95.0, 25.9%, 72.5%

CMYK

15.1%, 0.0%, 25.9%, 27.5%

OKLCH

0.7521 0.0733 132.6

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#9DB989

#A589B9

Analogous

#B5B989

#89B98D

#9DB989

Triadic

#9DB989

#899DB9

#B9899D

Split Complementary

#9DB989

#8D89B9

#B989B5

Tetradic

#9DB989

#89B5B9

#A589B9

#B98D89

Color Blindness Simulation

Original

#9DB989

Protanopia

#A9A995

Deuteranopia

#A8A597

Tritanopia

#9E9EA0

Achromatopsia

#B0B0B0

CSS Usage

background-color: #9DB989;
color: #9DB989;
border-color: #9DB989;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DAE4D2
300
#BFD1B2
400
#9DB989
500
#7AA05F
600
#62804C
700
#4E663D
800
#3D502F
900
#2F3C25
950
#1D2618

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.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