#86556F

#86556F

Color Values

HEX

#86556F

RGB

134, 85, 111

HSL

328.2, 22.4%, 42.9%

HSV

328.2, 36.6%, 52.5%

CMYK

0.0%, 36.6%, 17.2%, 47.5%

OKLCH

0.5124 0.0741 347.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#86556F

#55866C

Analogous

#845586

#865556

#86556F

Triadic

#86556F

#6F8655

#556F86

Split Complementary

#86556F

#568655

#558684

Tetradic

#86556F

#868455

#55866C

#555686

Color Blindness Simulation

Original

#86556F

Protanopia

#717069

Deuteranopia

#747767

Tritanopia

#846463

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E3D3DC
300
#D0B4C3
400
#B68CA2
500
#9C6381
600
#7D4F67
700
#643F53
800
#4E3141
900
#3A2731
950
#25181F

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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