#4A6CF7

#4A6CF7

Color Values

HEX

#4A6CF7

RGB

74, 108, 247

HSL

228.2, 91.5%, 62.9%

HSV

228.2, 70.0%, 96.9%

CMYK

70.0%, 56.3%, 0.0%, 3.1%

OKLCH

0.5864 0.2109 268.6

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4A6CF7

#F7D54A

Analogous

#4AC2F7

#7E4AF7

#4A6CF7

Triadic

#4A6CF7

#F74A6C

#6CF74A

Split Complementary

#4A6CF7

#F77E4A

#C2F74A

Tetradic

#4A6CF7

#F74AC2

#F7D54A

#4AF77E

Color Blindness Simulation

Original

#4A6CF7

Protanopia

#5959D5

Deuteranopia

#5754CD

Tritanopia

#4CBBB5

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC7FC
300
#8AA0FA
400
#4A6CF7
500
#0B39F4
600
#092DC3
700
#07249C
800
#051C7A
900
#091858
950
#050F38

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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