#5745BA

#5745BA

Color Values

HEX

#5745BA

RGB

87, 69, 186

HSL

249.2, 45.9%, 50.0%

HSV

249.2, 62.9%, 72.9%

CMYK

53.2%, 62.9%, 0.0%, 27.1%

OKLCH

0.4779 0.1762 284.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5745BA

#A8BA45

Analogous

#456EBA

#9145BA

#5745BA

Triadic

#5745BA

#BA5745

#45BA57

Split Complementary

#5745BA

#BA9145

#6EBA45

Tetradic

#5745BA

#BA456E

#A8BA45

#45BA91

Color Blindness Simulation

Original

#5745BA

Protanopia

#4F4F9E

Deuteranopia

#505297

Tritanopia

#568782

Achromatopsia

#515151

CSS Usage

background-color: #5745BA;
color: #5745BA;
border-color: #5745BA;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CBEC
300
#AEA6DE
400
#8375CC
500
#5745BA
600
#463795
700
#382C77
800
#2B225D
900
#231C44
950
#16122B

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

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