#4D62F4

#4D62F4

Color Values

HEX

#4D62F4

RGB

77, 98, 244

HSL

232.5, 88.4%, 62.9%

HSV

232.5, 68.4%, 95.7%

CMYK

68.4%, 59.8%, 0.0%, 4.3%

OKLCH

0.5675 0.218 271.3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#4D62F4

#F4DF4D

Analogous

#4DB5F4

#8B4DF4

#4D62F4

Triadic

#4D62F4

#F44D62

#62F44D

Split Complementary

#4D62F4

#F48B4D

#B5F44D

Tetradic

#4D62F4

#F44DB5

#F4DF4D

#4DF48B

Color Blindness Simulation

Original

#4D62F4

Protanopia

#5656D1

Deuteranopia

#5553C8

Tritanopia

#4EB5AF

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FB
200
#BCC4FB
300
#8C99F8
400
#4D62F4
500
#0F2BF0
600
#0C22C0
700
#091B9A
800
#071578
900
#0A1457
950
#060C37

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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