#8558AC

#8558AC

Color Values

HEX

#8558AC

RGB

133, 88, 172

HSL

272.1, 33.6%, 51.0%

HSV

272.1, 48.8%, 67.5%

CMYK

22.7%, 48.8%, 0.0%, 32.5%

OKLCH

0.5451 0.1338 307.3

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#8558AC

#7FAC58

Analogous

#5B58AC

#AC58A9

#8558AC

Triadic

#8558AC

#AC8558

#58AC85

Split Complementary

#8558AC

#A9AC58

#58AC5B

Tetradic

#8558AC

#AC5B58

#7FAC58

#58A9AC

Color Blindness Simulation

Original

#8558AC

Protanopia

#727198

Deuteranopia

#747893

Tritanopia

#838884

Achromatopsia

#686868

CSS Usage

background-color: #8558AC;
color: #8558AC;
border-color: #8558AC;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DCCFE7
300
#C3ADD6
400
#A381C0
500
#8255AA
600
#684488
700
#54366D
800
#412A55
900
#31223F
950
#1F1528

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail 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