#55178A

#55178A

Color Values

HEX

#55178A

RGB

85, 23, 138

HSL

272.3, 71.4%, 31.6%

HSV

272.3, 83.3%, 54.1%

CMYK

38.4%, 83.3%, 0.0%, 45.9%

OKLCH

0.3748 0.1734 302.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#55178A

#4C8A17

Analogous

#1B178A

#8A1786

#55178A

Triadic

#55178A

#8A5517

#178A55

Split Complementary

#55178A

#868A17

#178A1B

Tetradic

#55178A

#8A1B17

#4C8A17

#17868A

Color Blindness Simulation

Original

#55178A

Protanopia

#3A3A6E

Deuteranopia

#3E4268

Tritanopia

#525853

Achromatopsia

#2C2C2C

CSS Usage

background-color: #55178A;
color: #55178A;
border-color: #55178A;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC2F5
300
#C596ED
400
#A65DE4
500
#8624DB
600
#6C1DAF
700
#56178C
800
#43126D
900
#331150
950
#200B32

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026