#2C5066
A dark, moderate blue closely aligning with Darkslategray.
About #2C5066
Visually, #2C5066 is defined as a moderate blue. It is closely associated with the named CSS color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 80, and 102.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 57% C, 22% M, 0% Y, and 60% K. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#2C5066
RGB44, 80, 102
HSL202.8°, 39.7%, 28.6%
CMYK57%, 22%, 0%, 60%
HSV202.8°, 56.9%, 40.0%
LAB32.3, -5.9, -16.7
XYZ6.3, 7.2, 13.6
Decimal2904166
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.58:1
Text on #FFFFFF
AAA
2.45:1
Text on #000000
FAIL
8.20:1
Text on #F8FAFC
AAA
2.08:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2C5066;
}
.text-color {
color: #2C5066;
}
.border-color {
border: 2px solid #2C5066;
}