#986660

#986660

Color Values

HEX

#986660

RGB

152, 102, 96

HSL

6.4, 22.6%, 48.6%

HSV

6.4, 36.8%, 59.6%

CMYK

0.0%, 32.9%, 36.8%, 40.4%

OKLCH

0.5616 0.0659 26.9

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#986660

#609298

Analogous

#986076

#988260

#986660

Triadic

#986660

#609866

#666098

Split Complementary

#986660

#609882

#607698

Tetradic

#986660

#769860

#609298

#826098

Color Blindness Simulation

Original

#986660

Protanopia

#828261

Deuteranopia

#858962

Tritanopia

#966363

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E3D5D3
300
#D0B7B4
400
#B6908B
500
#9C6963
600
#7D544F
700
#64433F
800
#4E3431
900
#3A2927
950
#251A18

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail 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