#552287

#552287

Color Values

HEX

#552287

RGB

85, 34, 135

HSL

270.3, 59.8%, 33.1%

HSV

270.3, 74.8%, 52.9%

CMYK

37.0%, 74.8%, 0.0%, 47.1%

OKLCH

0.3834 0.1586 302.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#552287

#548722

Analogous

#222287

#872286

#552287

Triadic

#552287

#875522

#228755

Split Complementary

#552287

#868722

#228722

Tetradic

#552287

#872222

#548722

#228687

Color Blindness Simulation

Original

#552287

Protanopia

#3F3E6F

Deuteranopia

#424669

Tritanopia

#525B57

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DCC6F1
300
#C29DE6
400
#A168D9
500
#8033CC
600
#6729A3
700
#522182
800
#401A66
900
#31164B
950
#1F0E2F

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

1.96:1

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