#2C363E Hex Color

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

Hex color #2c363e graphic
This dark, desaturated slate functions as a steady, professional base color. With its low-chroma blue undertones, #2c363e excels in moody UI designs or tech-focused branding where black feels too harsh. Pair it with soft cream or muted mustard to break its austerity. The hex code #2c363e provides excellent contrast for white text, making it a functional choice for clean, readable dark mode layouts.

Questions about #2c363e

What is #2c363e in RGB, HSL and CMYK?
In RGB, #2c363e is rgb(44, 54, 62), in HSL hsl(207, 17%, 21%) and in CMYK 29%, 13%, 0%, 76%. Browse more shades of black with names and hex codes.
Does #2c363e work as an alternative to black?
#2c363e functions as a softer, more sophisticated alternative to pure black because it avoids harsh, high-contrast vibrations on digital screens. Its subtle blue undertones provide depth, making it an ideal choice for text, backgrounds, or UI elements that require a neutral but humanized aesthetic.
What colors pair well with #2c363e?
Use warm neutrals like cream or muted mustard to effectively balance the coolness of this dark slate. These pairings cut through the austerity of the shade, creating a balanced palette that is both approachable and highly readable for modern web interfaces.
Is #2c363e readable on white or black?
#2c363e has a 12.32:1 contrast ratio on white and 1.70: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.