#505F66
A dark, muted blue closely aligning with Dimgray.
About #505F66
The precise color #505F66 is an excellent choice for modern design projects. Designers often compare it to the standard color Dimgray. This translates to an RGB value of rgb(80, 95, 102).
If you are designing for print, the four-color process is what matters most. The color uses 22% Cyan, 7% Magenta, 0% Yellow, and 60% Black. The HSL representation is 199.1° hue, 12.1% saturation, and 35.7% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#505F66
RGB80, 95, 102
HSL199.1°, 12.1%, 35.7%
CMYK22%, 7%, 0%, 60%
HSV199.1°, 21.6%, 40.0%
LAB39.3, -4.0, -5.9
XYZ9.8, 10.8, 14.1
Decimal5267302
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.62:1
Text on #FFFFFF
AA
3.17:1
Text on #000000
AA Large
6.33:1
Text on #F8FAFC
AA
2.69:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #505F66;
}
.text-color {
color: #505F66;
}
.border-color {
border: 2px solid #505F66;
}