#866380

#866380

Color Values

HEX

#866380

RGB

134, 99, 128

HSL

310.3, 15.0%, 45.7%

HSV

310.3, 26.1%, 52.5%

CMYK

0.0%, 26.1%, 4.5%, 47.5%

OKLCH

0.5453 0.0614 332.5

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#866380

#638669

Analogous

#7B6386

#86636F

#866380

Triadic

#866380

#808663

#638086

Split Complementary

#866380

#6F8663

#63867B

Tetradic

#866380

#867B63

#638669

#636F86

Color Blindness Simulation

Original

#866380

Protanopia

#777779

Deuteranopia

#797C77

Tritanopia

#847372

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E1D6DF
300
#CBB9C8
400
#AF92AA
500
#936C8C
600
#755770
700
#5E455A
800
#493646
900
#372A35
950
#231A21

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

4.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026