#4B6CF6

#4B6CF6

Color Values

HEX

#4B6CF6

RGB

75, 108, 246

HSL

228.4, 90.5%, 62.9%

HSV

228.4, 69.5%, 96.5%

CMYK

69.5%, 56.1%, 0.0%, 3.5%

OKLCH

0.5861 0.2093 268.8

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4B6CF6

#F6D54B

Analogous

#4BC2F6

#7F4BF6

#4B6CF6

Triadic

#4B6CF6

#F64B6C

#6CF64B

Split Complementary

#4B6CF6

#F67F4B

#C2F64B

Tetradic

#4B6CF6

#F64BC2

#F6D54B

#4BF67F

Color Blindness Simulation

Original

#4B6CF6

Protanopia

#595AD5

Deuteranopia

#5755CD

Tritanopia

#4DBAB4

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC7FC
300
#8AA0F9
400
#4B6CF6
500
#0C39F3
600
#0A2DC2
700
#08249B
800
#061C79
900
#091858
950
#060F38

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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