#86718C

#86718C

Color Values

HEX

#86718C

RGB

134, 113, 140

HSL

286.7, 10.7%, 49.6%

HSV

286.7, 19.3%, 54.9%

CMYK

4.3%, 19.3%, 0.0%, 45.1%

OKLCH

0.5777 0.0476 318.7

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#86718C

#778C71

Analogous

#78718C

#8C7184

#86718C

Triadic

#86718C

#8C8671

#718C86

Split Complementary

#86718C

#848C71

#718C78

Tetradic

#86718C

#8C7871

#778C71

#71848C

Color Blindness Simulation

Original

#86718C

Protanopia

#7D7D85

Deuteranopia

#7E8084

Tritanopia

#85807F

Achromatopsia

#777777

CSS Usage

background-color: #86718C;
color: #86718C;
border-color: #86718C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD7DF
300
#C5BBC8
400
#A697AB
500
#87728D
600
#6C5B71
700
#56495A
800
#443947
900
#332C35
950
#201C22

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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