#863BCE

#863BCE

Color Values

HEX

#863BCE

RGB

134, 59, 206

HSL

270.6, 60.0%, 52.0%

HSV

270.6, 71.4%, 80.8%

CMYK

35.0%, 71.4%, 0.0%, 19.2%

OKLCH

0.5281 0.2145 302.9

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#863BCE

#83CE3B

Analogous

#3D3BCE

#CE3BCD

#863BCE

Triadic

#863BCE

#CE863B

#3BCE86

Split Complementary

#863BCE

#CDCE3B

#3BCE3D

Tetradic

#863BCE

#CE3D3B

#83CE3B

#3BCDCE

Color Blindness Simulation

Original

#863BCE

Protanopia

#6665AA

Deuteranopia

#6A70A2

Tritanopia

#828E88

Achromatopsia

#565656

CSS Usage

background-color: #863BCE;
color: #863BCE;
border-color: #863BCE;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DCC6F1
300
#C39DE7
400
#A268D9
500
#8133CC
600
#6729A3
700
#532183
800
#411A66
900
#31164B
950
#1F0E2F

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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