#1B5D78 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated blue carries a serious, grounded weight. Because it is dark and dusty, #1b5d78 works best as a primary background in UI design where you need to project stability or professional authority. Pair it with soft cream or warm white text to maintain high readability. As a cool tone, it avoids feeling overly clinical and anchors corporate branding effectively.
Questions about #1b5d78
What is #1b5d78 in RGB, HSL and CMYK?
In RGB, #1b5d78 is rgb(27, 93, 120), in HSL hsl(197, 63%, 29%) and in CMYK 78%, 22%, 0%, 53%.
What colors pair well with #1b5d78 in a design layout?
#1b5d78 works best when paired with soft, warm neutrals like cream or off-white to maintain readability against its dark, desaturated base. For accent colors, consider a muted mustard or a subtle terracotta to create a sophisticated, balanced contrast.
Does #1b5d78 read as a warm or cool color?
#1b5d78 is definitively a cool-toned color, though its desaturation keeps it from feeling overly clinical or sharp. The dusty quality softens the blue, allowing it to anchor corporate branding without overwhelming the viewer's eyes with artificial vibrancy.
Is #1b5d78 readable on white or black?
#1b5d78 has a 7.28:1 contrast ratio on white and 2.88: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.