#863187

#863187

Color Values

HEX

#863187

RGB

134, 49, 135

HSL

299.3, 46.7%, 36.1%

HSV

299.3, 63.7%, 52.9%

CMYK

0.7%, 63.7%, 0.0%, 47.1%

OKLCH

0.4687 0.1578 327.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#863187

#328731

Analogous

#5B3187

#87315D

#863187

Triadic

#863187

#878631

#318786

Split Complementary

#863187

#5D8731

#31875B

Tetradic

#863187

#875B31

#328731

#315D87

Color Blindness Simulation

Original

#863187

Protanopia

#616072

Deuteranopia

#666C6D

Tritanopia

#82625E

Achromatopsia

#494949

CSS Usage

background-color: #863187;
color: #863187;
border-color: #863187;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCBEC
300
#DEA5DE
400
#CC75CD
500
#BA44BB
600
#953696
700
#772B78
800
#5D225E
900
#441C45
950
#2B122B

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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