#1C4563 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated navy projects stability and serious authority. With its dark, moody character, #1c4563 excels as a solid base for tech or financial interfaces. It offers excellent contrast for white text, ensuring high legibility in accessible UI designs. The hex code for this cool blue is #1c4563. Use it to anchor corporate branding when you need to convey trust and reliability.
Questions about #1c4563
What is #1c4563 in RGB, HSL and CMYK?
In RGB, #1c4563 is rgb(28, 69, 99), in HSL hsl(205, 56%, 25%) and in CMYK 72%, 30%, 0%, 61%.
Why is #1c4563 a strong choice for UI and interface design?
#1c4563 functions exceptionally well as a primary interface color because it offers high legibility when paired with white text. Its desaturated, muted quality prevents the eye fatigue often caused by highly saturated blues in long-term screen viewing.
What colors pair well with #1c4563 to create a balanced palette?
This deep navy anchors a palette effectively when paired with softer, neutral tones like warm gray or cream. For a sharper, modern corporate look, try incorporating high-contrast white or a muted terracotta accent to provide necessary visual warmth.
Is #1c4563 readable on white or black?
#1c4563 has a 10.09:1 contrast ratio on white and 2.08: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.