#856380

#856380

Color Values

HEX

#856380

RGB

133, 99, 128

HSL

308.8, 14.7%, 45.5%

HSV

308.8, 25.6%, 52.2%

CMYK

0.0%, 25.6%, 3.8%, 47.8%

OKLCH

0.5442 0.0606 331.5

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#856380

#638568

Analogous

#796385

#85636F

#856380

Triadic

#856380

#808563

#638085

Split Complementary

#856380

#6F8563

#638579

Tetradic

#856380

#857963

#638568

#636F85

Color Blindness Simulation

Original

#856380

Protanopia

#767679

Deuteranopia

#787B77

Tritanopia

#837372

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E1D6DF
300
#CBB9C8
400
#AF93AA
500
#926D8D
600
#755771
700
#5E465A
800
#493646
900
#372A35
950
#231B21

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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