#4D63F5

#4D63F5

Color Values

HEX

#4D63F5

RGB

77, 99, 245

HSL

232.1, 89.4%, 63.1%

HSV

232.1, 68.6%, 96.1%

CMYK

68.6%, 59.6%, 0.0%, 3.9%

OKLCH

0.5701 0.2181 271.1

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#4D63F5

#F5DF4D

Analogous

#4DB7F5

#8B4DF5

#4D63F5

Triadic

#4D63F5

#F54D63

#63F54D

Split Complementary

#4D63F5

#F58B4D

#B7F54D

Tetradic

#4D63F5

#F54DB7

#F5DF4D

#4DF58B

Color Blindness Simulation

Original

#4D63F5

Protanopia

#5757D2

Deuteranopia

#5554C9

Tritanopia

#4EB6B0

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FB
200
#BBC4FB
300
#8B99F9
400
#4C63F5
500
#0E2CF1
600
#0B23C1
700
#091C9B
800
#071679
900
#091457
950
#060C37

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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