#4D5DF5

#4D5DF5

Color Values

HEX

#4D5DF5

RGB

77, 93, 245

HSL

234.3, 89.4%, 63.1%

HSV

234.3, 68.6%, 96.1%

CMYK

68.6%, 62.0%, 0.0%, 3.9%

OKLCH

0.5597 0.225 272.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4D5DF5

#F5E54D

Analogous

#4DB1F5

#914DF5

#4D5DF5

Triadic

#4D5DF5

#F54D5D

#5DF54D

Split Complementary

#4D5DF5

#F5914D

#B1F54D

Tetradic

#4D5DF5

#F54DB1

#F5E54D

#4DF591

Color Blindness Simulation

Original

#4D5DF5

Protanopia

#5454D0

Deuteranopia

#5352C7

Tritanopia

#4EB3AD

Achromatopsia

#656565

CSS Usage

background-color: #4D5DF5;
color: #4D5DF5;
border-color: #4D5DF5;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E0E2FB
200
#BBC1FB
300
#8B95F9
400
#4C5CF5
500
#0E23F1
600
#0B1CC1
700
#09179B
800
#071279
900
#091157
950
#060B37

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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