#866D93

#866D93

Color Values

HEX

#866D93

RGB

134, 109, 147

HSL

279.5, 15.0%, 50.2%

HSV

279.5, 25.9%, 57.6%

CMYK

8.8%, 25.9%, 0.0%, 42.4%

OKLCH

0.5725 0.0642 313.9

Properties

Cool Light Nearest: plum 4

Color Harmonies

Complementary

#866D93

#7A936D

Analogous

#736D93

#936D8D

#866D93

Triadic

#866D93

#93866D

#6D9386

Split Complementary

#866D93

#8D936D

#6D9373

Tetradic

#866D93

#93736D

#7A936D

#6D8D93

Color Blindness Simulation

Original

#866D93

Protanopia

#7B7B8A

Deuteranopia

#7D7E88

Tritanopia

#858381

Achromatopsia

#757575

CSS Usage

background-color: #866D93;
color: #866D93;
border-color: #866D93;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E1
300
#C5B9CB
400
#A592AF
500
#866C93
600
#6B5775
700
#55455E
800
#433649
900
#332A37
950
#201A23

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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