#968789

#968789

Color Values

HEX

#968789

RGB

150, 135, 137

HSL

352.0, 6.7%, 55.9%

HSV

352.0, 10.0%, 58.8%

CMYK

0.0%, 10.0%, 8.7%, 41.2%

OKLCH

0.6374 0.0183 8.4

Properties

Warm Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#968789

#879694

Analogous

#968791

#968D87

#968789

Triadic

#968789

#899687

#878996

Split Complementary

#968789

#87968D

#879196

Tetradic

#968789

#919687

#879694

#8D8796

Color Blindness Simulation

Original

#968789

Protanopia

#908F89

Deuteranopia

#909288

Tritanopia

#958888

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9DA
300
#C6BEBF
400
#A79A9C
500
#887779
600
#6D5F61
700
#574C4E
800
#443B3D
900
#332E2E
950
#201D1D

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026