#5748EE

#5748EE

Color Values

HEX

#5748EE

RGB

87, 72, 238

HSL

245.4, 83.0%, 60.8%

HSV

245.4, 69.7%, 93.3%

CMYK

63.4%, 69.7%, 0.0%, 6.7%

OKLCH

0.5272 0.2371 278.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5748EE

#DFEE48

Analogous

#488CEE

#AA48EE

#5748EE

Triadic

#5748EE

#EE5748

#48EE57

Split Complementary

#5748EE

#EEAA48

#8CEE48

Tetradic

#5748EE

#EE488C

#DFEE48

#48EEAA

Color Blindness Simulation

Original

#5748EE

Protanopia

#5150C6

Deuteranopia

#5152BC

Tritanopia

#56A69F

Achromatopsia

#575757

CSS Usage

background-color: #5748EE;
color: #5748EE;
border-color: #5748EE;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C3BEF9
300
#988FF5
400
#6052EF
500
#2916E9
600
#2111BB
700
#1A0E95
800
#140B75
900
#130C55
950
#0C0835

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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