#2C505F

A dark, moderate blue closely aligning with Darkslategray.

About #2C505F

Visually, #2C505F 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 95.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 54% cyan, 16% magenta, 0% yellow, and 63% black. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2C505F
RGB44, 80, 95
HSL197.6°, 36.7%, 27.3%
CMYK54%, 16%, 0%, 63%
HSV197.6°, 53.7%, 37.3%
LAB32.0, -8.2, -12.8
XYZ6.0, 7.1, 11.9
Decimal2904159

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.68:1
Text on #FFFFFF
AAA
2.42:1
Text on #000000
FAIL
8.29:1
Text on #F8FAFC
AAA
2.06:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #2C505F; }
.text-color { color: #2C505F; }
.border-color { border: 2px solid #2C505F; }

Similar Colors

Darkslategray
#2F4F4F