#986969

#986969

Color Values

HEX

#986969

RGB

152, 105, 105

HSL

0.0, 18.6%, 50.4%

HSV

0.0, 30.9%, 59.6%

CMYK

0.0%, 30.9%, 30.9%, 40.4%

OKLCH

0.5697 0.0607 19.1

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#986969

#699898

Analogous

#986981

#988169

#986969

Triadic

#986969

#699869

#696998

Split Complementary

#986969

#699881

#698198

Tetradic

#986969

#819869

#699898

#816998

Color Blindness Simulation

Original

#986969

Protanopia

#848369

Deuteranopia

#868A69

Tritanopia

#966969

Achromatopsia

#737373

CSS Usage

background-color: #986969;
color: #986969;
border-color: #986969;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D5D5
300
#CDB6B6
400
#B28F8F
500
#976868
600
#795353
700
#614242
800
#4C3434
900
#392828
950
#241919

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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