#866693

#866693

Color Values

HEX

#866693

RGB

134, 102, 147

HSL

282.7, 18.1%, 48.8%

HSV

282.7, 30.6%, 57.6%

CMYK

8.8%, 30.6%, 0.0%, 42.4%

OKLCH

0.5589 0.0774 316.0

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#866693

#739366

Analogous

#6F6693

#936689

#866693

Triadic

#866693

#938666

#669386

Split Complementary

#866693

#899366

#66936F

Tetradic

#866693

#936F66

#739366

#668993

Color Blindness Simulation

Original

#866693

Protanopia

#787888

Deuteranopia

#7A7C86

Tritanopia

#84807E

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED5E2
300
#C6B7CD
400
#A890B2
500
#896897
600
#6E5478
700
#584360
800
#45344B
900
#342938
950
#211A24

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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