#5783A0
A medium, muted blue closely aligning with Lightslategray.
About #5783A0
Visually, #5783A0 is defined as a muted blue. Its closest recognized web color is Lightslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 131, and 160.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 46% cyan, 18% magenta, 0% yellow, and 37% black. With a hue angle of 203.8 degrees, it sits comfortably in the blue spectrum.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#5783A0
RGB87, 131, 160
HSL203.8°, 29.6%, 48.4%
CMYK46%, 18%, 0%, 37%
HSV203.8°, 45.6%, 62.7%
LAB52.7, -7.0, -20.2
XYZ18.4, 20.8, 36.3
Decimal5735328
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.07:1
Text on #FFFFFF
AA Large
5.16:1
Text on #000000
AA
3.89:1
Text on #F8FAFC
AA Large
4.39:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5783A0;
}
.text-color {
color: #5783A0;
}
.border-color {
border: 2px solid #5783A0;
}