#123657 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, unsaturated blue carries a serious, muted weight that feels professional rather than energetic. Because #123657 is quite dark and dusty, it works best as a primary background for high-contrast, clean UI interfaces. While it pairs well with crisp white text for excellent accessibility, avoid using it in large, flat blocks if you want to avoid a gloomy appearance. The hex code is #123657.
Questions about #123657
What is #123657 in RGB, HSL and CMYK?
In RGB, #123657 is rgb(18, 54, 87), in HSL hsl(209, 66%, 21%) and in CMYK 79%, 38%, 0%, 66%.
What design styles work best with #123657?
#123657 works exceptionally well in corporate or technical design systems that prioritize readability and professionalism. Because it carries a desaturated, dusty weight, you should pair it with crisp white text to prevent the interface from feeling too gloomy or heavy to the user.
Which colors create a harmonious scheme with #123657?
To balance the seriousness of #123657, look for complementary accents in warm, muted tones like terracotta or soft gold. These warmer hues lift the deep blue without overwhelming the clean, high-contrast aesthetic that #123657 provides for backgrounds and UI elements.
Is #123657 readable on white or black?
#123657 has a 12.41:1 contrast ratio on white and 1.69: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.