#5645BA

#5645BA

Color Values

HEX

#5645BA

RGB

86, 69, 186

HSL

248.7, 45.9%, 50.0%

HSV

248.7, 62.9%, 72.9%

CMYK

53.8%, 62.9%, 0.0%, 27.1%

OKLCH

0.477 0.1763 284.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5645BA

#A9BA45

Analogous

#456FBA

#9045BA

#5645BA

Triadic

#5645BA

#BA5645

#45BA56

Split Complementary

#5645BA

#BA9045

#6FBA45

Tetradic

#5645BA

#BA456F

#A9BA45

#45BA90

Color Blindness Simulation

Original

#5645BA

Protanopia

#4F4E9E

Deuteranopia

#505197

Tritanopia

#558782

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CBEC
300
#AEA6DE
400
#8275CC
500
#5645BA
600
#453795
700
#372C77
800
#2B225D
900
#221C44
950
#16122B

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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