#5B548E

#5B548E

Color Values

HEX

#5B548E

RGB

91, 84, 142

HSL

247.2, 25.7%, 44.3%

HSV

247.2, 40.8%, 55.7%

CMYK

35.9%, 40.8%, 0.0%, 44.3%

OKLCH

0.4788 0.092 287.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#5B548E

#878E54

Analogous

#546A8E

#78548E

#5B548E

Triadic

#5B548E

#8E5B54

#548E5B

Split Complementary

#5B548E

#8E7854

#6A8E54

Tetradic

#5B548E

#8E546A

#878E54

#548E78

Color Blindness Simulation

Original

#5B548E

Protanopia

#585880

Deuteranopia

#58597D

Tritanopia

#5B7572

Achromatopsia

#5A5A5A

CSS Usage

background-color: #5B548E;
color: #5B548E;
border-color: #5B548E;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D2E4
300
#B6B2D2
400
#8E88B9
500
#675FA0
600
#524C80
700
#423D67
800
#332F50
900
#28253C
950
#191826

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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