#5503AA

#5503AA

Color Values

HEX

#5503AA

RGB

85, 3, 170

HSL

269.5, 96.5%, 33.9%

HSV

269.5, 98.2%, 66.7%

CMYK

50.0%, 98.2%, 0.0%, 33.3%

OKLCH

0.395 0.2152 294.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5503AA

#58AA03

Analogous

#0304AA

#A803AA

#5503AA

Triadic

#5503AA

#AA5503

#03AA55

Split Complementary

#5503AA

#AAA803

#04AA03

Tetradic

#5503AA

#AA0304

#58AA03

#03AAA8

Color Blindness Simulation

Original

#5503AA

Protanopia

#313182

Deuteranopia

#363C78

Tritanopia

#51625B

Achromatopsia

#202020

CSS Usage

background-color: #5503AA;
color: #5503AA;
border-color: #5503AA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FE
100
#EDDFFC
200
#DBB9FE
300
#C187FD
400
#9F46FC
500
#7D04FB
600
#6404C8
700
#5003A0
800
#3F027D
900
#30065B
950
#1E0439

Contrast Checker

Text on white

10.61:1

AA Pass AAA Pass

Text on black

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