#5531CE

#5531CE

Color Values

HEX

#5531CE

RGB

85, 49, 206

HSL

253.8, 61.6%, 50.0%

HSV

253.8, 76.2%, 80.8%

CMYK

58.7%, 76.2%, 0.0%, 19.2%

OKLCH

0.4659 0.2229 284.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5531CE

#AACE31

Analogous

#315BCE

#A431CE

#5531CE

Triadic

#5531CE

#CE5531

#31CE55

Split Complementary

#5531CE

#CEA431

#5BCE31

Tetradic

#5531CE

#CE315B

#AACE31

#31CEA4

Color Blindness Simulation

Original

#5531CE

Protanopia

#4545A8

Deuteranopia

#484A9F

Tritanopia

#538A83

Achromatopsia

#444444

CSS Usage

background-color: #5531CE;
color: #5531CE;
border-color: #5531CE;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CFC5F1
300
#AD9CE7
400
#8167DB
500
#5531CE
600
#4427A5
700
#361F84
800
#2B1867
900
#22164B
950
#150E30

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026