#4D67F4

#4D67F4

Color Values

HEX

#4D67F4

RGB

77, 103, 244

HSL

230.7, 88.4%, 62.9%

HSV

230.7, 68.4%, 95.7%

CMYK

68.4%, 57.8%, 0.0%, 4.3%

OKLCH

0.5764 0.2121 270.4

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#4D67F4

#F4DA4D

Analogous

#4DBAF4

#864DF4

#4D67F4

Triadic

#4D67F4

#F44D67

#67F44D

Split Complementary

#4D67F4

#F4864D

#BAF44D

Tetradic

#4D67F4

#F44DBA

#F4DA4D

#4DF486

Color Blindness Simulation

Original

#4D67F4

Protanopia

#5858D2

Deuteranopia

#5755CA

Tritanopia

#4EB7B1

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FB
200
#BCC6FB
300
#8C9CF8
400
#4D67F4
500
#0F32F0
600
#0C28C0
700
#09209A
800
#071978
900
#0A1657
950
#060E37

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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