#8580C6

#8580C6

Color Values

HEX

#8580C6

RGB

133, 128, 198

HSL

244.3, 38.0%, 63.9%

HSV

244.3, 35.4%, 77.6%

CMYK

32.8%, 35.4%, 0.0%, 22.4%

OKLCH

0.6327 0.104 286.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#8580C6

#C1C680

Analogous

#809EC6

#A880C6

#8580C6

Triadic

#8580C6

#C68580

#80C685

Split Complementary

#8580C6

#C6A880

#9EC680

Tetradic

#8580C6

#C6809E

#C1C680

#80C6A8

Color Blindness Simulation

Original

#8580C6

Protanopia

#8383B5

Deuteranopia

#8384B1

Tritanopia

#85A8A5

Achromatopsia

#868686

CSS Usage

background-color: #8580C6;
color: #8580C6;
border-color: #8580C6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CEE9
300
#AEABD9
400
#827DC5
500
#564FB0
600
#453F8D
700
#373371
800
#2B2858
900
#222041
950
#161429

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.9:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026