#497993

#497993

Color Values

HEX

#497993

RGB

73, 121, 147

HSL

201.1, 33.6%, 43.1%

HSV

201.1, 50.3%, 57.6%

CMYK

50.3%, 17.7%, 0.0%, 42.4%

OKLCH

0.5524 0.0661 233.4

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#497993

#936349

Analogous

#499388

#495493

#497993

Triadic

#497993

#934979

#799349

Split Complementary

#497993

#934954

#938849

Tetradic

#497993

#884993

#936349

#549349

Color Blindness Simulation

Original

#497993

Protanopia

#5E5E8D

Deuteranopia

#5B578B

Tritanopia

#4B8887

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC8D6
400
#81AAC0
500
#558CAA
600
#447088
700
#365A6D
800
#2A4655
900
#22353F
950
#152128

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026