#856080

#856080

Color Values

HEX

#856080

RGB

133, 96, 128

HSL

308.1, 16.2%, 44.9%

HSV

308.1, 27.8%, 52.2%

CMYK

0.0%, 27.8%, 3.8%, 47.8%

OKLCH

0.5384 0.0665 331.2

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#856080

#608565

Analogous

#786085

#85606D

#856080

Triadic

#856080

#808560

#608085

Split Complementary

#856080

#6D8560

#608578

Tetradic

#856080

#857860

#608565

#606D85

Color Blindness Simulation

Original

#856080

Protanopia

#757578

Deuteranopia

#777A76

Tritanopia

#837271

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CCB8C9
400
#B091AC
500
#946B8F
600
#775572
700
#5F445B
800
#4A3547
900
#382936
950
#231A22

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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