#5F5F75
A medium, muted blue closely aligning with Dimgray.
About #5F5F75
When working with digital screens, the color #5F5F75 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Dimgray. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 95, and 117.
If you are designing for print, the four-color process is what matters most. The color uses 19% Cyan, 19% Magenta, 0% Yellow, and 54% Black. The HSL representation is 240.0° hue, 10.4% saturation, and 41.6% lightness.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#5F5F75
RGB95, 95, 117
HSL240.0°, 10.4%, 41.6%
CMYK19%, 19%, 0%, 54%
HSV240.0°, 18.8%, 45.9%
LAB41.1, 5.0, -12.4
XYZ12.0, 11.9, 18.5
Decimal6250357
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.21:1
Text on #FFFFFF
AA
3.38:1
Text on #000000
AA Large
5.94:1
Text on #F8FAFC
AA
2.87:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5F5F75;
}
.text-color {
color: #5F5F75;
}
.border-color {
border: 2px solid #5F5F75;
}