#8371BC

#8371BC

Color Values

HEX

#8371BC

RGB

131, 113, 188

HSL

254.4, 35.9%, 59.0%

HSV

254.4, 39.9%, 73.7%

CMYK

30.3%, 39.9%, 0.0%, 26.3%

OKLCH

0.5968 0.1131 293.7

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8371BC

#AABC71

Analogous

#7184BC

#A871BC

#8371BC

Triadic

#8371BC

#BC8371

#71BC83

Split Complementary

#8371BC

#BCA871

#84BC71

Tetradic

#8371BC

#BC7184

#AABC71

#71BCA8

Color Blindness Simulation

Original

#8371BC

Protanopia

#7B7BAA

Deuteranopia

#7C7EA6

Tritanopia

#829C98

Achromatopsia

#7A7A7A

CSS Usage

background-color: #8371BC;
color: #8371BC;
border-color: #8371BC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D5CEE8
300
#B6ACD8
400
#8F7FC3
500
#6852AD
600
#53418B
700
#42346F
800
#342957
900
#282140
950
#191528

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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