#57668A
A medium, muted blue closely aligning with Slategray.
About #57668A
At its core, #57668A is a medium and muted hue. If you're using CSS, you might find it aligns closely with Slategray. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 102, and 138.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 37% C, 26% M, 0% Y, and 46% K. Always request a physical proof before doing a large print run with this exact code.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#57668A
RGB87, 102, 138
HSL222.4°, 22.7%, 44.1%
CMYK37%, 26%, 0%, 46%
HSV222.4°, 37.0%, 54.1%
LAB43.3, 3.8, -21.7
XYZ13.3, 13.4, 25.9
Decimal5727882
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.72:1
Text on #FFFFFF
AA
3.67:1
Text on #000000
AA Large
5.46:1
Text on #F8FAFC
AA
3.12:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #57668A;
}
.text-color {
color: #57668A;
}
.border-color {
border: 2px solid #57668A;
}