#1F6288 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue carries a serious and reliable weight. Because of its desaturated quality, #1f6288 works well as a grounding base for technical or financial UI designs where neutrality is preferred over high energy. It maintains strong legibility for small body text when paired with white, which offers a 6.6:1 contrast ratio. Use this hex code as a stable, professional foundation in your interface layouts.
Questions about #1f6288
What is #1f6288 in RGB, HSL and CMYK?
In RGB, #1f6288 is rgb(31, 98, 136), in HSL hsl(202, 63%, 33%) and in CMYK 77%, 28%, 0%, 47%.
Why is #1f6288 effective for professional UI design?
#1f6288 provides a desaturated, serious quality that avoids high-energy distractions. It creates a stable, professional foundation for financial or technical dashboards while maintaining high legibility for small body text against white backgrounds.
What color pairings work best with #1f6288?
Because #1f6288 carries a cool, muted tone, it pairs beautifully with light, neutral grays or clean off-whites to maintain a sophisticated appearance. For accent contrast, it complements soft gold or muted terracotta tones nicely.
Is #1f6288 readable on white or black?
#1f6288 has a 6.64:1 contrast ratio on white and 3.16: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.