#5748F9

#5748F9

Color Values

HEX

#5748F9

RGB

87, 72, 249

HSL

245.1, 93.7%, 62.9%

HSV

245.1, 71.1%, 97.6%

CMYK

65.1%, 71.1%, 0.0%, 2.4%

OKLCH

0.5373 0.2499 277.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5748F9

#EAF948

Analogous

#4891F9

#AF48F9

#5748F9

Triadic

#5748F9

#F95748

#48F957

Split Complementary

#5748F9

#F9AF48

#91F948

Tetradic

#5748F9

#F94891

#EAF948

#48F9AF

Color Blindness Simulation

Original

#5748F9

Protanopia

#5150CE

Deuteranopia

#5152C4

Tritanopia

#56ACA5

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#C0BAFD
300
#9288FB
400
#5748F9
500
#1C08F7
600
#1706C6
700
#12059E
800
#0E047B
900
#0F0859
950
#090538

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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