#5501A4

#5501A4

Color Values

HEX

#5501A4

RGB

85, 1, 164

HSL

270.9, 98.8%, 32.4%

HSV

270.9, 99.4%, 64.3%

CMYK

48.2%, 99.4%, 0.0%, 35.7%

OKLCH

0.3878 0.2106 296.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5501A4

#50A401

Analogous

#0301A4

#A401A2

#5501A4

Triadic

#5501A4

#A45501

#01A455

Split Complementary

#5501A4

#A2A401

#01A403

Tetradic

#5501A4

#A40301

#50A401

#01A2A4

Color Blindness Simulation

Original

#5501A4

Protanopia

#31307D

Deuteranopia

#363C73

Tritanopia

#515D57

Achromatopsia

#1F1F1F

CSS Usage

background-color: #5501A4;
color: #5501A4;
border-color: #5501A4;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DCB8FF
300
#C485FE
400
#A343FE
500
#8302FD
600
#6901CB
700
#5401A2
800
#42017F
900
#32055C
950
#1F033A

Contrast Checker

Text on white

10.9:1

AA Pass AAA Pass

Text on black

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