#497886

#497886

Color Values

HEX

#497886

RGB

73, 120, 134

HSL

193.8, 29.5%, 40.6%

HSV

193.8, 45.5%, 52.5%

CMYK

45.5%, 10.4%, 0.0%, 47.5%

OKLCH

0.5445 0.0556 218.8

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#497886

#865749

Analogous

#498676

#495986

#497886

Triadic

#497886

#864978

#788649

Split Complementary

#497886

#864959

#867649

Tetradic

#497886

#764986

#865749

#598649

Color Blindness Simulation

Original

#497886

Protanopia

#5D5E83

Deuteranopia

#5B5782

Tritanopia

#4B807F

Achromatopsia

#6F6F6F

CSS Usage

background-color: #497886;
color: #497886;
border-color: #497886;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E1E6
300
#B0CCD4
400
#85B0BC
500
#5A94A5
600
#487684
700
#3A5F6A
800
#2D4A53
900
#24373D
950
#162327

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail 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