#497B96

#497B96

Color Values

HEX

#497B96

RGB

73, 123, 150

HSL

201.0, 34.5%, 43.7%

HSV

201.0, 51.3%, 58.8%

CMYK

51.3%, 18.0%, 0.0%, 41.2%

OKLCH

0.5586 0.0684 233.4

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#497B96

#966449

Analogous

#49968A

#495596

#497B96

Triadic

#497B96

#96497B

#7B9649

Split Complementary

#497B96

#964955

#968A49

Tetradic

#497B96

#8A4996

#966449

#559649

Color Blindness Simulation

Original

#497B96

Protanopia

#5F5F8F

Deuteranopia

#5C588E

Tritanopia

#4C8A89

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE8
300
#ADC8D7
400
#80AAC1
500
#548DAB
600
#437189
700
#355A6E
800
#2A4656
900
#21353F
950
#152128

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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