#5B4DF4

#5B4DF4

Color Values

HEX

#5B4DF4

RGB

91, 77, 244

HSL

245,0, 88,4%, 62,9%

HSV

245,0, 68,4%, 95,7%

CMYK

62,7%, 68,4%, 0,0%, 4,3%

OKLCH

0,5425 0,2382 278,6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5B4DF4

#E6F44D

Analogous

#4D92F4

#AE4DF4

#5B4DF4

Triadic

#5B4DF4

#F45B4D

#4DF45B

Split Complementary

#5B4DF4

#F4AE4D

#92F44D

Tetradic

#5B4DF4

#F44D92

#E6F44D

#4DF4AE

Color Blindness Simulation

Original

#5B4DF4

Protanopia

#5555CC

Deuteranopia

#5657C2

Tritanopia

#5AACA5

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5B4DF4;
color: #5B4DF4;
border-color: #5B4DF4;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C1BCFB
300
#958CF8
400
#5B4DF4
500
#220FF0
600
#1B0CC0
700
#15099A
800
#110778
900
#100A57
950
#0A0637

Contrast Checker

Text on white

5,51:1

AA Pass AAA Fail

Text on black

3,81: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