#1C516D Hex Color

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

Hex color #1c516d graphic
This desaturated, dusty blue carries a serious, heavy mood perfect for corporate UI design. Because it sits at a muted chroma, #1c516d functions as an excellent, non-intrusive backdrop. It offers a strong 8.6:1 contrast ratio with white text, ensuring excellent readability for small body copy. Pair this hex code with warm creams or off-whites to keep your interface from feeling too cold.

Questions about #1c516d

What is #1c516d in RGB, HSL and CMYK?
In RGB, #1c516d is rgb(28, 81, 109), in HSL hsl(201, 59%, 27%) and in CMYK 74%, 26%, 0%, 57%.
What colors pair well with #1c516d for a balanced interface?
Pair #1c516d with soft creams or off-whites to prevent the interface from feeling too cold or clinical. Using these lighter neutrals ensures the blue remains the focal point without overwhelming the viewer's eyes during extended periods of reading.
Why is #1c516d effective for text-heavy corporate layouts?
#1c516d offers a strong 8.6:1 contrast ratio against white backgrounds, which significantly exceeds standard accessibility requirements for small body copy. This high readability makes it an excellent choice for dashboards, documentation sites, and professional applications needing reliable, clear text presentation.
Is #1c516d readable on white or black?
#1c516d has a 8.58:1 contrast ratio on white and 2.44: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.