#4D71F4

#4D71F4

Color Values

HEX

#4D71F4

RGB

77, 113, 244

HSL

227.1, 88.4%, 62.9%

HSV

227.1, 68.4%, 95.7%

CMYK

68.4%, 53.7%, 0.0%, 4.3%

OKLCH

0.595 0.2002 268.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4D71F4

#F4D04D

Analogous

#4DC4F4

#7C4DF4

#4D71F4

Triadic

#4D71F4

#F44D71

#71F44D

Split Complementary

#4D71F4

#F47C4D

#C4F44D

Tetradic

#4D71F4

#F44DC4

#F4D04D

#4DF47C

Color Blindness Simulation

Original

#4D71F4

Protanopia

#5D5DD4

Deuteranopia

#5A58CD

Tritanopia

#4FBBB6

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FB
200
#BCC9FB
300
#8CA3F8
400
#4D71F4
500
#0F3FF0
600
#0C33C0
700
#09289A
800
#072078
900
#0A1A57
950
#061137

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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