#863886

#863886

Color Values

HEX

#863886

RGB

134, 56, 134

HSL

300.0, 41.1%, 37.3%

HSV

300.0, 58.2%, 52.5%

CMYK

0.0%, 58.2%, 0.0%, 47.5%

OKLCH

0.4768 0.1463 327.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#863886

#388638

Analogous

#5F3886

#86385F

#863886

Triadic

#863886

#868638

#388686

Split Complementary

#863886

#5F8638

#38865F

Tetradic

#863886

#865F38

#388638

#385F86

Color Blindness Simulation

Original

#863886

Protanopia

#646473

Deuteranopia

#696F6F

Tritanopia

#826461

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDEA
300
#DBA9DB
400
#C77AC7
500
#B44BB4
600
#903C90
700
#733073
800
#5A265A
900
#421F42
950
#2A132A

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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