#8463DF

#8463DF

Color Values

HEX

#8463DF

RGB

132, 99, 223

HSL

256.0, 66.0%, 63.1%

HSV

256.0, 55.6%, 87.5%

CMYK

40.8%, 55.6%, 0.0%, 12.5%

OKLCH

0.5938 0.1813 292.2

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8463DF

#BEDF63

Analogous

#6380DF

#C263DF

#8463DF

Triadic

#8463DF

#DF8463

#63DF84

Split Complementary

#8463DF

#DFC263

#80DF63

Tetradic

#8463DF

#DF6380

#BEDF63

#63DFC2

Color Blindness Simulation

Original

#8463DF

Protanopia

#7675C1

Deuteranopia

#787ABA

Tritanopia

#82A9A4

Achromatopsia

#737373

CSS Usage

background-color: #8463DF;
color: #8463DF;
border-color: #8463DF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C4F3
300
#AF99EA
400
#8462DF
500
#582BD4
600
#4723A9
700
#381C87
800
#2C166A
900
#23144D
950
#160C31

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026