#986973

#986973

Color Values

HEX

#986973

RGB

152, 105, 115

HSL

347,2, 18,6%, 50,4%

HSV

347,2, 30,9%, 59,6%

CMYK

0,0%, 30,9%, 24,3%, 40,4%

OKLCH

0,5726 0,0617 5,2

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#986973

#69988E

Analogous

#98698B

#987669

#986973

Triadic

#986973

#739869

#697398

Split Complementary

#986973

#699876

#698B98

Tetradic

#986973

#8B9869

#69988E

#766998

Color Blindness Simulation

Original

#986973

Protanopia

#848371

Deuteranopia

#868A70

Tritanopia

#966F6E

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D7
300
#CDB6BB
400
#B28F97
500
#976872
600
#79535B
700
#614249
800
#4C3439
900
#39282C
950
#24191C

Contrast Checker

Text on white

4,56:1

AA Pass AAA Fail

Text on black

4,6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026