#5144BA

#5144BA

Color Values

HEX

#5144BA

RGB

81, 68, 186

HSL

246.6, 46.5%, 49.8%

HSV

246.6, 63.4%, 72.9%

CMYK

56.5%, 63.4%, 0.0%, 27.1%

OKLCH

0.4713 0.1783 282.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5144BA

#ADBA44

Analogous

#4472BA

#8C44BA

#5144BA

Triadic

#5144BA

#BA5144

#44BA51

Split Complementary

#5144BA

#BA8C44

#72BA44

Tetradic

#5144BA

#BA4472

#ADBA44

#44BA8C

Color Blindness Simulation

Original

#5144BA

Protanopia

#4B4B9D

Deuteranopia

#4C4D97

Tritanopia

#508782

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECBEC
300
#ACA5DE
400
#7E75CD
500
#5144BB
600
#413795
700
#342C78
800
#29225D
900
#211C45
950
#15122B

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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