#507C99
A medium, moderate blue closely aligning with Slategray.
About #507C99
Visually, #507C99 is defined as a moderate blue. It is closely associated with the named CSS color Slategray. Its digital footprint relies on 80 parts red, 124 parts green, and 153 parts blue light.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 48% cyan, 19% magenta, 0% yellow, and 40% black. With a hue angle of 203.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 #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#507C99
RGB80, 124, 153
HSL203.8°, 31.3%, 45.7%
CMYK48%, 19%, 0%, 40%
HSV203.8°, 47.7%, 60.0%
LAB50.0, -6.9, -20.3
XYZ16.3, 18.4, 32.8
Decimal5274777
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.48:1
Text on #FFFFFF
AA Large
4.68:1
Text on #000000
AA
4.28:1
Text on #F8FAFC
AA Large
3.98:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #507C99;
}
.text-color {
color: #507C99;
}
.border-color {
border: 2px solid #507C99;
}