#968986

#968986

Color Values

HEX

#968986

RGB

150, 137, 134

HSL

11.2, 7.1%, 55.7%

HSV

11.2, 10.7%, 58.8%

CMYK

0.0%, 8.7%, 10.7%, 41.2%

OKLCH

0.6407 0.0164 33.1

Properties

Warm Light Nearest: seashell 4

Color Harmonies

Complementary

#968986

#869396

Analogous

#96868B

#969186

#968986

Triadic

#968986

#869689

#898696

Split Complementary

#968986

#869691

#868B96

Tetradic

#968986

#8B9686

#869396

#918696

Color Blindness Simulation

Original

#968986

Protanopia

#909087

Deuteranopia

#919287

Tritanopia

#958787

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DEDAD9
300
#C6BFBD
400
#A79C9A
500
#897A76
600
#6D615F
700
#574E4C
800
#443D3B
900
#342F2D
950
#211D1D

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.22: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