#3A5766
A dark, muted blue closely aligning with Darkslategray.
About #3A5766
Visually, #3A5766 is defined as a muted blue. Designers often compare it to the standard color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 87, and 102.
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 43% Cyan, 15% Magenta, 0% Yellow, and 60% Black. This makes it a relatively dark color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. 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#3A5766
RGB58, 87, 102
HSL200.5°, 27.5%, 31.4%
CMYK43%, 15%, 0%, 60%
HSV200.5°, 43.1%, 40.0%
LAB35.4, -6.4, -12.0
XYZ7.6, 8.7, 13.8
Decimal3823462
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.68:1
Text on #FFFFFF
AAA
2.74:1
Text on #000000
FAIL
7.34:1
Text on #F8FAFC
AAA
2.33:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #3A5766;
}
.text-color {
color: #3A5766;
}
.border-color {
border: 2px solid #3A5766;
}