#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026