#8B6CD5

#8B6CD5

Color Values

HEX

#8B6CD5

RGB

139, 108, 213

HSL

257.7, 55.6%, 62.9%

HSV

257.7, 49.3%, 83.5%

CMYK

34.7%, 49.3%, 0.0%, 16.5%

OKLCH

0.6091 0.1555 295.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8B6CD5

#B6D56C

Analogous

#6C81D5

#BF6CD5

#8B6CD5

Triadic

#8B6CD5

#D58B6C

#6CD58B

Split Complementary

#8B6CD5

#D5BF6C

#81D56C

Tetradic

#8B6CD5

#D56C81

#B6D56C

#6CD5BF

Color Blindness Simulation

Original

#8B6CD5

Protanopia

#7E7DBC

Deuteranopia

#7F82B6

Tritanopia

#89A8A3

Achromatopsia

#7A7A7A

CSS Usage

background-color: #8B6CD5;
color: #8B6CD5;
border-color: #8B6CD5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F4FB
100
#EAE5F6
200
#D3C7EF
300
#B4A0E4
400
#8B6CD5
500
#6239C6
600
#4F2D9F
700
#3F247F
800
#311C63
900
#271849
950
#180F2E

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026