#4B6AF7

#4B6AF7

Color Values

HEX

#4B6AF7

RGB

75, 106, 247

HSL

229.2, 91.5%, 63.1%

HSV

229.2, 69.6%, 96.9%

CMYK

69.6%, 57.1%, 0.0%, 3.1%

OKLCH

0.5832 0.213 269.3

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4B6AF7

#F7D84B

Analogous

#4BC0F7

#824BF7

#4B6AF7

Triadic

#4B6AF7

#F74B6A

#6AF74B

Split Complementary

#4B6AF7

#F7824B

#C0F74B

Tetradic

#4B6AF7

#F74BC0

#F7D84B

#4BF782

Color Blindness Simulation

Original

#4B6AF7

Protanopia

#5859D5

Deuteranopia

#5754CD

Tritanopia

#4DBAB4

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BBC6FC
300
#8A9EFA
400
#4A69F7
500
#0B35F4
600
#092AC3
700
#07229C
800
#051A7A
900
#091758
950
#050E38

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026