#3A6683
A dark, moderate blue closely aligning with Slategray.
About #3A6683
At its core, #3A6683 is a dark and moderate hue. Designers often compare it to the standard color Slategray. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 102, and 131.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 56% C, 22% M, 0% Y, and 49% K. This makes it a relatively light color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#3A6683
RGB58, 102, 131
HSL203.8°, 38.6%, 37.1%
CMYK56%, 22%, 0%, 49%
HSV203.8°, 55.7%, 51.4%
LAB41.3, -6.3, -20.8
XYZ10.6, 12.0, 23.2
Decimal3827331
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.16:1
Text on #FFFFFF
AA
3.41:1
Text on #000000
AA Large
5.89:1
Text on #F8FAFC
AA
2.90:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #3A6683;
}
.text-color {
color: #3A6683;
}
.border-color {
border: 2px solid #3A6683;
}