#496DF8

#496DF8

Color Values

HEX

#496DF8

RGB

73, 109, 248

HSL

227.7, 92.6%, 62.9%

HSV

227.7, 70.6%, 97.3%

CMYK

70.6%, 56.0%, 0.0%, 2.7%

OKLCH

0.5886 0.2113 268.2

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#496DF8

#F8D449

Analogous

#49C4F8

#7C49F8

#496DF8

Triadic

#496DF8

#F8496D

#6DF849

Split Complementary

#496DF8

#F87C49

#C4F849

Tetradic

#496DF8

#F849C4

#F8D449

#49F87C

Color Blindness Simulation

Original

#496DF8

Protanopia

#5959D6

Deuteranopia

#5654CE

Tritanopia

#4BBCB6

Achromatopsia

#6F6F6F

CSS Usage

background-color: #496DF8;
color: #496DF8;
border-color: #496DF8;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BAC8FC
300
#89A0FA
400
#496DF8
500
#093AF6
600
#082EC4
700
#06259D
800
#051D7B
900
#081959
950
#051038

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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