#968F89

#968F89

Color Values

HEX

#968F89

RGB

150, 143, 137

HSL

27.7, 5.8%, 56.3%

HSV

27.7, 8.7%, 58.8%

CMYK

0.0%, 4.7%, 8.7%, 41.2%

OKLCH

0.6543 0.0121 63.3

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#968F89

#899096

Analogous

#96898A

#969689

#968F89

Triadic

#968F89

#89968F

#8F8996

Split Complementary

#968F89

#899696

#898A96

Tetradic

#968F89

#8A9689

#899096

#968996

Color Blindness Simulation

Original

#968F89

Protanopia

#93938A

Deuteranopia

#93948B

Tritanopia

#968C8C

Achromatopsia

#909090

CSS Usage

background-color: #968F89;
color: #968F89;
border-color: #968F89;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDBD9
300
#C5C2BE
400
#A6A09B
500
#877F78
600
#6C6660
700
#56514D
800
#433F3C
900
#33302E
950
#201E1D

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

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