#4D68F4

#4D68F4

Color Values

HEX

#4D68F4

RGB

77, 104, 244

HSL

230.3, 88.4%, 62.9%

HSV

230.3, 68.4%, 95.7%

CMYK

68.4%, 57.4%, 0.0%, 4.3%

OKLCH

0.5782 0.2109 270.2

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4D68F4

#F4D94D

Analogous

#4DBBF4

#854DF4

#4D68F4

Triadic

#4D68F4

#F44D68

#68F44D

Split Complementary

#4D68F4

#F4854D

#BBF44D

Tetradic

#4D68F4

#F44DBB

#F4D94D

#4DF485

Color Blindness Simulation

Original

#4D68F4

Protanopia

#5959D2

Deuteranopia

#5755CA

Tritanopia

#4EB7B2

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FB
200
#BCC6FB
300
#8C9DF8
400
#4D68F4
500
#0F33F0
600
#0C29C0
700
#09219A
800
#071A78
900
#0A1657
950
#060E37

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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