#3A7583
A dark, moderate cyan closely aligning with Slategray.
About #3A7583
Visually, #3A7583 is defined as a moderate cyan. Its closest recognized web color is Slategray. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 117, and 131.
If you are designing for print, the four-color process is what matters most. The color uses 56% Cyan, 11% Magenta, 0% Yellow, and 49% Black. The HSL representation is 191.5° hue, 38.6% saturation, and 37.1% lightness.
From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#3A7583
RGB58, 117, 131
HSL191.5°, 38.6%, 37.1%
CMYK56%, 11%, 0%, 49%
HSV191.5°, 55.7%, 51.4%
LAB46.0, -15.0, -13.6
XYZ12.2, 15.3, 23.8
Decimal3831171
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.18:1
Text on #FFFFFF
AA
4.05:1
Text on #000000
AA Large
4.95:1
Text on #F8FAFC
AA
3.44:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #3A7583;
}
.text-color {
color: #3A7583;
}
.border-color {
border: 2px solid #3A7583;
}