#505766
A dark, muted blue closely aligning with Dimgray.
About #505766
The precise color #505766 is an excellent choice for modern design projects. Designers often compare it to the standard color Dimgray. Its digital footprint relies on 80 parts red, 87 parts green, and 102 parts blue light.
If you are designing for print, the four-color process is what matters most. The color uses 22% Cyan, 15% Magenta, 0% Yellow, and 60% Black. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#505766
RGB80, 87, 102
HSL220.9°, 12.1%, 35.7%
CMYK22%, 15%, 0%, 60%
HSV220.9°, 21.6%, 40.0%
LAB36.9, 0.9, -9.6
XYZ9.1, 9.5, 13.9
Decimal5265254
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.25:1
Text on #FFFFFF
AAA
2.90:1
Text on #000000
FAIL
6.93:1
Text on #F8FAFC
AA
2.46:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #505766;
}
.text-color {
color: #505766;
}
.border-color {
border: 2px solid #505766;
}