#9BB997

#9BB997

Color Values

HEX

#9BB997

RGB

155, 185, 151

HSL

112.9, 19.5%, 65.9%

HSV

112.9, 18.4%, 72.5%

CMYK

16.2%, 0.0%, 18.4%, 27.5%

OKLCH

0.754 0.058 141.8

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#9BB997

#B597B9

Analogous

#ACB997

#97B9A4

#9BB997

Triadic

#9BB997

#979BB9

#B9979B

Split Complementary

#9BB997

#A497B9

#B997AC

Tetradic

#9BB997

#97ACB9

#B597B9

#B9A497

Color Blindness Simulation

Original

#9BB997

Protanopia

#A8A89F

Deuteranopia

#A6A4A1

Tritanopia

#9CA6A7

Achromatopsia

#B0B0B0

CSS Usage

background-color: #9BB997;
color: #9BB997;
border-color: #9BB997;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D6E2D4
300
#B9CEB6
400
#93B38E
500
#6D9867
600
#577A52
700
#456242
800
#364C33
900
#2A3928
950
#1B2419

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.78:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026