#505783
A medium, muted blue closely aligning with Steelblue.
About #505783
Visually, #505783 is defined as a muted blue. If you're using CSS, you might find it aligns closely with Steelblue. Its digital footprint relies on 80 parts red, 87 parts green, and 131 parts blue light.
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 39% Cyan, 34% Magenta, 0% Yellow, and 49% Black. With a hue angle of 231.8 degrees, it sits comfortably in the blue spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#505783
RGB80, 87, 131
HSL231.8°, 24.2%, 41.4%
CMYK39%, 34%, 0%, 49%
HSV231.8°, 38.9%, 51.4%
LAB38.1, 9.0, -25.5
XYZ10.8, 10.2, 22.9
Decimal5265283
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.93:1
Text on #FFFFFF
AA
3.03:1
Text on #000000
AA Large
6.62:1
Text on #F8FAFC
AA
2.58:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #505783;
}
.text-color {
color: #505783;
}
.border-color {
border: 2px solid #505783;
}