#414357 Hex Color

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

Hex color #414357 graphic
A dusty, muted indigo with heavy grey undertones, #414357 projects a somber, serious atmosphere. Its low chroma creates a sense of grounded stability, making it an effective choice for dark mode UI backgrounds. Because it offers strong contrast against white text, it remains readable for body copy. Pair this hex code with soft ochres or warm creams to break up its austere, moody character.

Questions about #414357

What is #414357 in RGB, HSL and CMYK?
In RGB, #414357 is rgb(65, 67, 87), in HSL hsl(235, 14%, 30%) and in CMYK 25%, 23%, 0%, 66%.
Why does #414357 work well for dark mode user interfaces?
This specific shade offers a low-chroma, grey-leaning indigo base that reduces eye strain while maintaining enough depth to act as a solid background. It provides natural, readable contrast against white text without the harshness of pure black, creating a more sophisticated, grounded digital aesthetic.
What colors balance the serious mood of #414357 effectively?
To soften the austere character of #414357, pair it with warm, muted tones that introduce subtle light without clashing. Incorporating ochre or cream helps break up the somber grey undertones, creating a balanced palette that feels both professional and inviting for design projects.
Is #414357 readable on white or black?
#414357 has a 9.69:1 contrast ratio on white and 2.16: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.