#4B6FF7

#4B6FF7

Color Values

HEX

#4B6FF7

RGB

75, 111, 247

HSL

227.4, 91.5%, 63.1%

HSV

227.4, 69.6%, 96.9%

CMYK

69.6%, 55.1%, 0.0%, 3.1%

OKLCH

0.5925 0.2071 268.2

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4B6FF7

#F7D34B

Analogous

#4BC5F7

#7D4BF7

#4B6FF7

Triadic

#4B6FF7

#F74B6F

#6FF74B

Split Complementary

#4B6FF7

#F77D4B

#C5F74B

Tetradic

#4B6FF7

#F74BC5

#F7D34B

#4BF77D

Color Blindness Simulation

Original

#4B6FF7

Protanopia

#5B5BD6

Deuteranopia

#5856CE

Tritanopia

#4DBCB6

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC8FC
300
#8AA1FA
400
#4A6FF7
500
#0B3CF4
600
#0930C3
700
#07269C
800
#051E7A
900
#091958
950
#051038

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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