#4D6FF4

#4D6FF4

Color Values

HEX

#4D6FF4

RGB

77, 111, 244

HSL

227.8, 88.4%, 62.9%

HSV

227.8, 68.4%, 95.7%

CMYK

68.4%, 54.5%, 0.0%, 4.3%

OKLCH

0.5912 0.2026 268.6

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4D6FF4

#F4D24D

Analogous

#4DC2F4

#7E4DF4

#4D6FF4

Triadic

#4D6FF4

#F44D6F

#6FF44D

Split Complementary

#4D6FF4

#F47E4D

#C2F44D

Tetradic

#4D6FF4

#F44DC2

#F4D24D

#4DF47E

Color Blindness Simulation

Original

#4D6FF4

Protanopia

#5C5CD4

Deuteranopia

#5A57CC

Tritanopia

#4FBAB5

Achromatopsia

#717171

CSS Usage

background-color: #4D6FF4;
color: #4D6FF4;
border-color: #4D6FF4;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E0E5FB
200
#BCC9FB
300
#8CA2F8
400
#4D6FF4
500
#0F3DF0
600
#0C31C0
700
#09279A
800
#071E78
900
#0A1A57
950
#061037

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass 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