#5530CF

#5530CF

Color Values

HEX

#5530CF

RGB

85, 48, 207

HSL

254.0, 62.4%, 50.0%

HSV

254.0, 76.8%, 81.2%

CMYK

58.9%, 76.8%, 0.0%, 18.8%

OKLCH

0.4657 0.225 284.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5530CF

#AACF30

Analogous

#305ACF

#A530CF

#5530CF

Triadic

#5530CF

#CF5530

#30CF55

Split Complementary

#5530CF

#CFA530

#5ACF30

Tetradic

#5530CF

#CF305A

#AACF30

#30CFA5

Color Blindness Simulation

Original

#5530CF

Protanopia

#4545A9

Deuteranopia

#474A9F

Tritanopia

#538A83

Achromatopsia

#434343

CSS Usage

background-color: #5530CF;
color: #5530CF;
border-color: #5530CF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CFC5F2
300
#AD9CE8
400
#8166DC
500
#5530CF
600
#4426A6
700
#361F85
800
#2B1868
900
#22154C
950
#150D30

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026