#497FDB

#497FDB

Color Values

HEX

#497FDB

RGB

73, 127, 219

HSL

217.8, 67.0%, 57.3%

HSV

217.8, 66.7%, 85.9%

CMYK

66.7%, 42.0%, 0.0%, 14.1%

OKLCH

0.6046 0.1517 260.4

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#497FDB

#DBA549

Analogous

#49C8DB

#5C49DB

#497FDB

Triadic

#497FDB

#DB497F

#7FDB49

Split Complementary

#497FDB

#DB5C49

#C8DB49

Tetradic

#497FDB

#DB49C8

#DBA549

#49DB5C

Color Blindness Simulation

Original

#497FDB

Protanopia

#6061C5

Deuteranopia

#5D59BF

Tritanopia

#4CB3AF

Achromatopsia

#7A7A7A

CSS Usage

background-color: #497FDB;
color: #497FDB;
border-color: #497FDB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D5F3
300
#99B7EB
400
#6190E0
500
#2A69D5
600
#2254AA
700
#1B4388
800
#15356A
900
#13294E
950
#0C1A31

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026