#1C5774 Hex Color

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

Hex color #1c5774 graphic
This dusty, unsaturated blue carries a cool, dim character. The hex code for this shade is #1c5774. It serves as a solid background for professional interfaces. Because it maintains a 7.9:1 contrast ratio with white text, it remains legible for body copy. Use it with brighter accents to prevent the color from feeling too heavy or flat on the screen.

Questions about #1c5774

What is #1c5774 in RGB, HSL and CMYK?
In RGB, #1c5774 is rgb(28, 87, 116), in HSL hsl(200, 61%, 28%) and in CMYK 76%, 25%, 0%, 55%.
What colors pair well with #1c5774 for professional design?
Because #1c5774 is a muted, cool tone, it pairs best with warm, lighter neutrals like cream or sand to provide necessary contrast. Using a bright, clean white for typography also ensures the design feels crisp rather than overly heavy.
Is #1c5774 suitable for text-heavy interface backgrounds?
Yes, #1c5774 is an excellent choice for backgrounds because it maintains a high 7.9:1 contrast ratio against white text, ensuring optimal readability. This makes it a dependable, professional option for long-form content or dense dashboard layouts that require extended viewing time.
Is #1c5774 readable on white or black?
#1c5774 has a 7.88:1 contrast ratio on white and 2.66: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.