#986D72

#986D72

Color Values

HEX

#986D72

RGB

152, 109, 114

HSL

353.0, 17.3%, 51.2%

HSV

353.0, 28.3%, 59.6%

CMYK

0.0%, 28.3%, 25.0%, 40.4%

OKLCH

0.58 0.0552 11.2

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#986D72

#6D9893

Analogous

#986D88

#987E6D

#986D72

Triadic

#986D72

#72986D

#6D7298

Split Complementary

#986D72

#6D987E

#6D8898

Tetradic

#986D72

#88986D

#6D9893

#7E6D98

Color Blindness Simulation

Original

#986D72

Protanopia

#858571

Deuteranopia

#888B70

Tritanopia

#967070

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D5D7
300
#CCB7BA
400
#B19094
500
#96696F
600
#785458
700
#604347
800
#4B3537
900
#38292B
950
#231A1B

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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