#5B4FF2

#5B4FF2

Color Values

HEX

#5B4FF2

RGB

91, 79, 242

HSL

244.4, 86.2%, 62.9%

HSV

244.4, 67.4%, 94.9%

CMYK

62.4%, 67.4%, 0.0%, 5.1%

OKLCH

0.5437 0.2337 278.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5B4FF2

#E6F24F

Analogous

#4F94F2

#AC4FF2

#5B4FF2

Triadic

#5B4FF2

#F25B4F

#4FF25B

Split Complementary

#5B4FF2

#F2AC4F

#94F24F

Tetradic

#5B4FF2

#F24F94

#E6F24F

#4FF2AC

Color Blindness Simulation

Original

#5B4FF2

Protanopia

#5656CB

Deuteranopia

#5657C1

Tritanopia

#5AABA5

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C1BDFA
300
#958DF7
400
#5B4FF2
500
#2212ED
600
#1B0EBE
700
#160B98
800
#110977
900
#100B56
950
#0A0736

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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