#5142BD

#5142BD

Color Values

HEX

#5142BD

RGB

81, 66, 189

HSL

247.3, 48.2%, 50.0%

HSV

247.3, 65.1%, 74.1%

CMYK

57.1%, 65.1%, 0.0%, 25.9%

OKLCH

0.4705 0.1846 282.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5142BD

#AEBD42

Analogous

#4271BD

#8E42BD

#5142BD

Triadic

#5142BD

#BD5142

#42BD51

Split Complementary

#5142BD

#BD8E42

#71BD42

Tetradic

#5142BD

#BD4271

#AEBD42

#42BD8E

Color Blindness Simulation

Original

#5142BD

Protanopia

#4B4A9F

Deuteranopia

#4B4C98

Tritanopia

#508883

Achromatopsia

#4E4E4E

CSS Usage

background-color: #5142BD;
color: #5142BD;
border-color: #5142BD;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECAED
300
#ABA4DF
400
#7E73CE
500
#5142BD
600
#413597
700
#342A79
800
#28215E
900
#211B45
950
#15112C

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

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