#4B6CF7

#4B6CF7

Color Values

HEX

#4B6CF7

RGB

75, 108, 247

HSL

228.5, 91.5%, 63.1%

HSV

228.5, 69.6%, 96.9%

CMYK

69.6%, 56.3%, 0.0%, 3.1%

OKLCH

0.5869 0.2106 268.8

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4B6CF7

#F7D64B

Analogous

#4BC2F7

#804BF7

#4B6CF7

Triadic

#4B6CF7

#F74B6C

#6CF74B

Split Complementary

#4B6CF7

#F7804B

#C2F74B

Tetradic

#4B6CF7

#F74BC2

#F7D64B

#4BF780

Color Blindness Simulation

Original

#4B6CF7

Protanopia

#595AD5

Deuteranopia

#5755CD

Tritanopia

#4DBBB5

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC7FC
300
#8A9FFA
400
#4A6BF7
500
#0B38F4
600
#092CC3
700
#07249C
800
#051C7A
900
#091858
950
#050F38

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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