#5A548C

#5A548C

Color Values

HEX

#5A548C

RGB

90, 84, 140

HSL

246,4, 25,0%, 43,9%

HSV

246,4, 40,0%, 54,9%

CMYK

35,7%, 40,0%, 0,0%, 45,1%

OKLCH

0,4768 0,089 287,4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#5A548C

#868C54

Analogous

#546A8C

#76548C

#5A548C

Triadic

#5A548C

#8C5A54

#548C5A

Split Complementary

#5A548C

#8C7654

#6A8C54

Tetradic

#5A548C

#8C546A

#868C54

#548C76

Color Blindness Simulation

Original

#5A548C

Protanopia

#57577E

Deuteranopia

#58587B

Tritanopia

#5A7471

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D2E4
300
#B6B2D1
400
#8E89B8
500
#66609F
600
#524D80
700
#423D66
800
#333050
900
#28263B
950
#191825

Contrast Checker

Text on white

6,81:1

AA Pass AAA Fail

Text on black

3,08:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026