#8577B8

#8577B8

Color Values

HEX

#8577B8

RGB

133, 119, 184

HSL

252.9, 31.4%, 59.4%

HSV

252.9, 35.3%, 72.2%

CMYK

27.7%, 35.3%, 0.0%, 27.8%

OKLCH

0.6081 0.0979 293.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#8577B8

#AAB877

Analogous

#7789B8

#A577B8

#8577B8

Triadic

#8577B8

#B88577

#77B885

Split Complementary

#8577B8

#B8A577

#89B877

Tetradic

#8577B8

#B87789

#AAB877

#77B8A5

Color Blindness Simulation

Original

#8577B8

Protanopia

#7F7FA8

Deuteranopia

#8081A4

Tritanopia

#849C99

Achromatopsia

#7F7F7F

CSS Usage

background-color: #8577B8;
color: #8577B8;
border-color: #8577B8;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D5D0E7
300
#B7AFD5
400
#9083BE
500
#6957A8
600
#544686
700
#43386B
800
#342C54
900
#29233E
950
#1A1627

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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