#86697B

#86697B

Color Values

HEX

#86697B

RGB

134, 105, 123

HSL

322.8, 12.1%, 46.9%

HSV

322.8, 21.6%, 52.5%

CMYK

0.0%, 21.6%, 8.2%, 47.5%

OKLCH

0.5553 0.0451 341.0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#86697B

#698674

Analogous

#836986

#86696D

#86697B

Triadic

#86697B

#7B8669

#697B86

Split Complementary

#86697B

#6D8669

#698683

Tetradic

#86697B

#868369

#698674

#696D86

Color Blindness Simulation

Original

#86697B

Protanopia

#797977

Deuteranopia

#7B7D76

Tritanopia

#857372

Achromatopsia

#707070

CSS Usage

background-color: #86697B;
color: #86697B;
border-color: #86697B;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DC
300
#C9BAC4
400
#AC95A3
500
#8F7083
600
#725A69
700
#5B4854
800
#473842
900
#362B32
950
#221B1F

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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