#497C99
A medium, moderate blue closely aligning with Steelblue.
About #497C99
The precise color #497C99 is an excellent choice for modern design projects. It is closely associated with the named CSS color Steelblue. Its digital footprint relies on 73 parts red, 124 parts green, and 153 parts blue light.
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 52% cyan and 19% magenta inks. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#497C99
RGB73, 124, 153
HSL201.8°, 35.4%, 44.3%
CMYK52%, 19%, 0%, 40%
HSV201.8°, 52.3%, 60.0%
LAB49.7, -8.6, -20.9
XYZ15.7, 18.1, 32.8
Decimal4816025
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.54:1
Text on #FFFFFF
AA
4.63:1
Text on #000000
AA
4.34:1
Text on #F8FAFC
AA Large
3.93:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #497C99;
}
.text-color {
color: #497C99;
}
.border-color {
border: 2px solid #497C99;
}