#495775
A dark, muted blue closely aligning with Slategray.
About #495775
When working with digital screens, the color #495775 is rendered by mixing light. It is closely associated with the named CSS color Slategray. Its digital footprint relies on 73 parts red, 87 parts green, and 117 parts blue light.
If you are designing for print, the four-color process is what matters most. The color uses 38% Cyan, 26% Magenta, 0% Yellow, and 54% Black. The HSL representation is 220.9° hue, 23.2% saturation, and 37.3% lightness.
Contrast ratios determine whether this color is safe for typography. Because it is a dark color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#495775
RGB73, 87, 117
HSL220.9°, 23.2%, 37.3%
CMYK38%, 26%, 0%, 54%
HSV220.9°, 37.6%, 45.9%
LAB37.0, 2.7, -18.8
XYZ9.4, 9.5, 18.2
Decimal4806517
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.23:1
Text on #FFFFFF
AAA
2.90:1
Text on #000000
FAIL
6.91:1
Text on #F8FAFC
AA
2.47:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #495775;
}
.text-color {
color: #495775;
}
.border-color {
border: 2px solid #495775;
}