#5B4CC5

#5B4CC5

Color Values

HEX

#5B4CC5

RGB

91, 76, 197

HSL

247.4, 51.1%, 53.5%

HSV

247.4, 61.4%, 77.3%

CMYK

53.8%, 61.4%, 0.0%, 22.7%

OKLCH

0.5015 0.181 283.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5B4CC5

#B6C54C

Analogous

#4C79C5

#974CC5

#5B4CC5

Triadic

#5B4CC5

#C55B4C

#4CC55B

Split Complementary

#5B4CC5

#C5974C

#79C54C

Tetradic

#5B4CC5

#C54C79

#B6C54C

#4CC597

Color Blindness Simulation

Original

#5B4CC5

Protanopia

#5554A8

Deuteranopia

#5556A1

Tritanopia

#5A918C

Achromatopsia

#585858

CSS Usage

background-color: #5B4CC5;
color: #5B4CC5;
border-color: #5B4CC5;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC9EE
300
#AAA3E1
400
#7C70D1
500
#4E3EC1
600
#3F329A
700
#32287B
800
#271F60
900
#201A47
950
#14112D

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026