#856583

#856583

Color Values

HEX

#856583

RGB

133, 101, 131

HSL

303.8, 13.7%, 45.9%

HSV

303.8, 24.1%, 52.2%

CMYK

0.0%, 24.1%, 1.5%, 47.8%

OKLCH

0.5493 0.0598 328.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#856583

#658567

Analogous

#776585

#856573

#856583

Triadic

#856583

#838565

#658385

Split Complementary

#856583

#738565

#658577

Tetradic

#856583

#857765

#658567

#657385

Color Blindness Simulation

Original

#856583

Protanopia

#77777C

Deuteranopia

#797B7A

Tritanopia

#837675

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#CAB9C9
400
#AE94AC
500
#916E8F
600
#745872
700
#5D465B
800
#483747
900
#362A36
950
#221B22

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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