#4D68F5

#4D68F5

Color Values

HEX

#4D68F5

RGB

77, 104, 245

HSL

230.4, 89.4%, 63.1%

HSV

230.4, 68.6%, 96.1%

CMYK

68.6%, 57.6%, 0.0%, 3.9%

OKLCH

0.579 0.2122 270.2

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4D68F5

#F5DA4D

Analogous

#4DBCF5

#864DF5

#4D68F5

Triadic

#4D68F5

#F54D68

#68F54D

Split Complementary

#4D68F5

#F5864D

#BCF54D

Tetradic

#4D68F5

#F54DBC

#F5DA4D

#4DF586

Color Blindness Simulation

Original

#4D68F5

Protanopia

#5959D3

Deuteranopia

#5755CB

Tritanopia

#4EB8B2

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FB
200
#BBC6FB
300
#8B9DF9
400
#4C67F5
500
#0E32F1
600
#0B28C1
700
#09209B
800
#071979
900
#091657
950
#060E37

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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