#856578

#856578

Color Values

HEX

#856578

RGB

133, 101, 120

HSL

324.4, 13.7%, 45.9%

HSV

324.4, 24.1%, 52.2%

CMYK

0.0%, 24.1%, 9.8%, 47.8%

OKLCH

0.5451 0.0493 342.5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#856578

#658572

Analogous

#826585

#856568

#856578

Triadic

#856578

#788565

#657885

Split Complementary

#856578

#688565

#658582

Tetradic

#856578

#858265

#658572

#656885

Color Blindness Simulation

Original

#856578

Protanopia

#777773

Deuteranopia

#797B72

Tritanopia

#83706F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D6DC
300
#CAB9C3
400
#AE94A3
500
#916E83
600
#745869
700
#5D4654
800
#483741
900
#362A32
950
#221B1F

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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