#8782F5

#8782F5

Color Values

HEX

#8782F5

RGB

135, 130, 245

HSL

242.6, 85.2%, 73.5%

HSV

242.6, 46.9%, 96.1%

CMYK

44.9%, 46.9%, 0.0%, 3.9%

OKLCH

0.664 0.1666 282.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8782F5

#F0F582

Analogous

#82B6F5

#C082F5

#8782F5

Triadic

#8782F5

#F58782

#82F587

Split Complementary

#8782F5

#F5C082

#B6F582

Tetradic

#8782F5

#F582B6

#F0F582

#82F5C0

Color Blindness Simulation

Original

#8782F5

Protanopia

#8585D9

Deuteranopia

#8586D2

Tritanopia

#87C3BE

Achromatopsia

#8B8B8B

CSS Usage

background-color: #8782F5;
color: #8782F5;
border-color: #8782F5;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#C0BDFA
300
#928EF6
400
#5750F1
500
#1C13EC
600
#170FBD
700
#120C97
800
#0E0976
900
#0F0B56
950
#090736

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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