#856687

#856687

Color Values

HEX

#856687

RGB

133, 102, 135

HSL

296.4, 13.9%, 46.5%

HSV

296.4, 24.4%, 52.9%

CMYK

1.5%, 24.4%, 0.0%, 47.1%

OKLCH

0.5528 0.0623 324.4

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#856687

#688766

Analogous

#756687

#876679

#856687

Triadic

#856687

#878566

#668785

Split Complementary

#856687

#798766

#668775

Tetradic

#856687

#877566

#688766

#667987

Color Blindness Simulation

Original

#856687

Protanopia

#78777F

Deuteranopia

#797C7D

Tritanopia

#837977

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#C9B9CA
400
#AC94AE
500
#8F6E91
600
#725874
700
#5C465D
800
#483749
900
#362A37
950
#221B22

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026