#2C3349
A dark, muted blue closely aligning with Darkslategray.
About #2C3349
The precise color #2C3349 is an excellent choice for modern design projects. Its closest recognized web color is Darkslategray. This translates to an RGB value of rgb(44, 51, 73).
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 40% cyan and 30% magenta inks. This makes it a relatively dark color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#2C3349
RGB44, 51, 73
HSL225.5°, 24.8%, 22.9%
CMYK40%, 30%, 0%, 71%
HSV225.5°, 39.7%, 28.6%
LAB21.5, 3.4, -14.6
XYZ3.4, 3.4, 6.8
Decimal2896713
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.52:1
Text on #FFFFFF
AAA
1.68:1
Text on #000000
FAIL
11.97:1
Text on #F8FAFC
AAA
1.43:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2C3349;
}
.text-color {
color: #2C3349;
}
.border-color {
border: 2px solid #2C3349;
}