#8B6166

#8B6166

Color Values

HEX

#8B6166

RGB

139, 97, 102

HSL

352.9, 17.8%, 46.3%

HSV

352.9, 30.2%, 54.5%

CMYK

0.0%, 30.2%, 26.6%, 45.5%

OKLCH

0.5381 0.0551 11.2

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#8B6166

#618B86

Analogous

#8B617B

#8B7161

#8B6166

Triadic

#8B6166

#668B61

#61668B

Split Complementary

#8B6166

#618B71

#617B8B

Tetradic

#8B6166

#7B8B61

#618B86

#71618B

Color Blindness Simulation

Original

#8B6166

Protanopia

#797865

Deuteranopia

#7B7E64

Tritanopia

#896464

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D6
300
#CDB7B9
400
#B19094
500
#96696E
600
#785458
700
#604347
800
#4B3437
900
#38292B
950
#241A1B

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

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