#863FD5

#863FD5

Color Values

HEX

#863FD5

RGB

134, 63, 213

HSL

268,4, 64,1%, 54,1%

HSV

268,4, 70,4%, 83,5%

CMYK

37,1%, 70,4%, 0,0%, 16,5%

OKLCH

0,538 0,2172 300,9

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#863FD5

#8ED53F

Analogous

#3F43D5

#D13FD5

#863FD5

Triadic

#863FD5

#D5863F

#3FD586

Split Complementary

#863FD5

#D5D13F

#43D53F

Tetradic

#863FD5

#D53F43

#8ED53F

#3FD5D1

Color Blindness Simulation

Original

#863FD5

Protanopia

#6767B1

Deuteranopia

#6B71A8

Tritanopia

#82948E

Achromatopsia

#595959

CSS Usage

background-color: #863FD5;
color: #863FD5;
border-color: #863FD5;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC4F2
300
#C09BE9
400
#9D64DD
500
#7B2ED1
600
#6325A7
700
#4F1D86
800
#3E1769
900
#2F144C
950
#1E0D30

Contrast Checker

Text on white

5,7:1

AA Pass AAA Fail

Text on black

3,69: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