#497AAA

#497AAA

Color Values

HEX

#497AAA

RGB

73, 122, 170

HSL

209.7, 39.9%, 47.6%

HSV

209.7, 57.1%, 66.7%

CMYK

57.1%, 28.2%, 0.0%, 33.3%

OKLCH

0.5657 0.0919 249.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#497AAA

#AA7949

Analogous

#49AAA9

#4949AA

#497AAA

Triadic

#497AAA

#AA497A

#7AAA49

Split Complementary

#497AAA

#AA4949

#AAA949

Tetradic

#497AAA

#A949AA

#AA7949

#49AA49

Color Blindness Simulation

Original

#497AAA

Protanopia

#5E5F9E

Deuteranopia

#5B589C

Tritanopia

#4B9593

Achromatopsia

#737373

CSS Usage

background-color: #497AAA;
color: #497AAA;
border-color: #497AAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBEA
300
#A9C2DA
400
#7BA1C6
500
#4D80B2
600
#3D668F
700
#315272
800
#264059
900
#1F3142
950
#141F2A

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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