#8780ED

#8780ED

Color Values

HEX

#8780ED

RGB

135, 128, 237

HSL

243.9, 75.2%, 71.6%

HSV

243.9, 46.0%, 92.9%

CMYK

43.0%, 46.0%, 0.0%, 7.1%

OKLCH

0.6556 0.1585 284.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8780ED

#E6ED80

Analogous

#80B0ED

#BE80ED

#8780ED

Triadic

#8780ED

#ED8780

#80ED87

Split Complementary

#8780ED

#EDBE80

#B0ED80

Tetradic

#8780ED

#ED80B0

#E6ED80

#80EDBE

Color Blindness Simulation

Original

#8780ED

Protanopia

#8484D3

Deuteranopia

#8485CC

Tritanopia

#87BEB9

Achromatopsia

#898989

CSS Usage

background-color: #8780ED;
color: #8780ED;
border-color: #8780ED;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C4C0F6
300
#9A94F0
400
#635AE8
500
#2C20DF
600
#2319B3
700
#1C148F
800
#161070
900
#141051
950
#0D0A33

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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