#42575F
A dark, muted blue closely aligning with Darkslategray.
About #42575F
The hex code #42575F represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 87, and 95.
For print applications, it's crucial to understand its CMYK makeup. The color uses 31% Cyan, 8% Magenta, 0% Yellow, and 63% Black. The HSL representation is 196.6° hue, 18.0% saturation, and 31.6% lightness.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#42575F
RGB66, 87, 95
HSL196.6°, 18.0%, 31.6%
CMYK31%, 8%, 0%, 63%
HSV196.6°, 30.5%, 37.3%
LAB35.6, -5.9, -7.2
XYZ7.7, 8.8, 12.1
Decimal4347743
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.61:1
Text on #FFFFFF
AAA
2.76:1
Text on #000000
FAIL
7.27:1
Text on #F8FAFC
AAA
2.35:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #42575F;
}
.text-color {
color: #42575F;
}
.border-color {
border: 2px solid #42575F;
}