#86616F

#86616F

Color Values

HEX

#86616F

RGB

134, 97, 111

HSL

337.3, 16.0%, 45.3%

HSV

337.3, 27.6%, 52.5%

CMYK

0.0%, 27.6%, 17.2%, 47.5%

OKLCH

0.5352 0.0518 354.5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#86616F

#618678

Analogous

#866182

#866661

#86616F

Triadic

#86616F

#6F8661

#616F86

Split Complementary

#86616F

#618666

#618286

Tetradic

#86616F

#828661

#618678

#666186

Color Blindness Simulation

Original

#86616F

Protanopia

#76766C

Deuteranopia

#787B6B

Tritanopia

#846968

Achromatopsia

#6A6A6A

CSS Usage

background-color: #86616F;
color: #86616F;
border-color: #86616F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DA
300
#CCB8BF
400
#B0929D
500
#946B7B
600
#765662
700
#5F454E
800
#4A363D
900
#37292F
950
#231A1E

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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