#8783BA

#8783BA

Color Values

HEX

#8783BA

RGB

135, 131, 186

HSL

244.4, 28.5%, 62.2%

HSV

244.4, 29.6%, 72.9%

CMYK

27.4%, 29.6%, 0.0%, 27.1%

OKLCH

0.6346 0.0819 287.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8783BA

#B6BA83

Analogous

#839BBA

#A383BA

#8783BA

Triadic

#8783BA

#BA8783

#83BA87

Split Complementary

#8783BA

#BAA383

#9BBA83

Tetradic

#8783BA

#BA839B

#B6BA83

#83BAA3

Color Blindness Simulation

Original

#8783BA

Protanopia

#8585AD

Deuteranopia

#8686AA

Tritanopia

#87A2A0

Achromatopsia

#888888

CSS Usage

background-color: #8783BA;
color: #8783BA;
border-color: #8783BA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5F9
100
#E9E9F1
200
#D3D1E5
300
#B3B0D3
400
#8A86BC
500
#605BA4
600
#4D4983
700
#3E3A69
800
#302E52
900
#26243D
950
#181726

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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