#2C3A51 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2c3a51 graphic
This dusty, inky blue feels restrained and serious. Because it is highly desaturated, #2c3a51 works effectively as a grounding base for corporate or tech interfaces, offering a more readable alternative to pure black. It pairs beautifully with soft creams or muted golds for a sophisticated look. White text remains perfectly legible against this hex code, ensuring high accessibility for your UI designs.

Questions about #2c3a51

What is #2c3a51 in RGB, HSL and CMYK?
In RGB, #2c3a51 is rgb(44, 58, 81), in HSL hsl(217, 30%, 25%) and in CMYK 46%, 28%, 0%, 68%.
Is #2c3a51 suitable for UI text?
Yes, #2c3a51 provides excellent accessibility when paired with light backgrounds or white text, offering a softer, more sophisticated alternative to standard black. Its high contrast ratio makes it an ideal choice for body copy in tech interfaces.
What colors pair well with #2c3a51?
Pair #2c3a51 with soft creams or muted golds to create a sophisticated, balanced palette. Because it is highly desaturated and cool-toned, it also works well alongside neutral grays or a crisp off-white to maintain professional readability.
Is #2c3a51 readable on white or black?
#2c3a51 has a 11.46:1 contrast ratio on white and 1.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.