#2C2C3A
A dark, muted blue closely aligning with Darkslategray.
About #2C2C3A
At its core, #2C2C3A is a dark and muted hue. Its closest recognized web color is Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 44, and 58.
If you are designing for print, the four-color process is what matters most. The color uses 24% Cyan, 24% Magenta, 0% Yellow, and 77% Black. The HSL representation is 240.0° hue, 13.7% saturation, and 20.0% lightness.
Ensuring your text is legible against this background is a key part of web design. 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#2C2C3A
RGB44, 44, 58
HSL240.0°, 13.7%, 20.0%
CMYK24%, 24%, 0%, 77%
HSV240.0°, 24.1%, 22.7%
LAB18.6, 3.7, -8.9
XYZ2.7, 2.6, 4.4
Decimal2894906
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
13.74:1
Text on #FFFFFF
AAA
1.53:1
Text on #000000
FAIL
13.13:1
Text on #F8FAFC
AAA
1.30:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2C2C3A;
}
.text-color {
color: #2C2C3A;
}
.border-color {
border: 2px solid #2C2C3A;
}