#856F88

#856F88

Color Values

HEX

#856F88

RGB

133, 111, 136

HSL

292.8, 10.1%, 48.4%

HSV

292.8, 18.4%, 53.3%

CMYK

2.2%, 18.4%, 0.0%, 46.7%

OKLCH

0.5712 0.0459 322.3

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#856F88

#72886F

Analogous

#786F88

#886F7E

#856F88

Triadic

#856F88

#88856F

#6F8885

Split Complementary

#856F88

#7E886F

#6F8878

Tetradic

#856F88

#88786F

#72886F

#6F7E88

Color Blindness Simulation

Original

#856F88

Protanopia

#7B7B82

Deuteranopia

#7D7E80

Tritanopia

#847D7C

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DED8DF
300
#C6BCC8
400
#A897AA
500
#89738C
600
#6E5C70
700
#58495A
800
#453946
900
#342C35
950
#211C21

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass 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