#4D63F4

#4D63F4

Color Values

HEX

#4D63F4

RGB

77, 99, 244

HSL

232.1, 88.4%, 62.9%

HSV

232.1, 68.4%, 95.7%

CMYK

68.4%, 59.4%, 0.0%, 4.3%

OKLCH

0.5693 0.2168 271.1

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#4D63F4

#F4DE4D

Analogous

#4DB6F4

#8A4DF4

#4D63F4

Triadic

#4D63F4

#F44D63

#63F44D

Split Complementary

#4D63F4

#F48A4D

#B6F44D

Tetradic

#4D63F4

#F44DB6

#F4DE4D

#4DF48A

Color Blindness Simulation

Original

#4D63F4

Protanopia

#5757D1

Deuteranopia

#5554C8

Tritanopia

#4EB5AF

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FB
200
#BCC4FB
300
#8C9AF8
400
#4D63F4
500
#0F2CF0
600
#0C24C0
700
#091C9A
800
#071678
900
#0A1457
950
#060D37

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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