#1F84B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue carries a grounded, professional weight. Because #1f84b9 sits in a neutral, unsaturated range, it excels as a secondary or accent color in financial or security-based UI designs. It maintains strong contrast with black text for readability. When thinking about what colors make gray, consider how this blue creates a reliable anchor when balanced against softer, warmer neutrals.
Questions about #1f84b9
What is #1f84b9 in RGB, HSL and CMYK?
In RGB, #1f84b9 is rgb(31, 132, 185), in HSL hsl(201, 71%, 42%) and in CMYK 83%, 29%, 0%, 27%.
What colors pair well with #1f84b9 for a professional palette?
#1f84b9 works best when balanced against crisp neutrals like charcoal or soft off-whites to maintain a corporate feel. For a more dynamic UI, try pairing this blue with muted orange accents to create a reliable, high-contrast complement that remains easy on the eyes.
Is #1f84b9 readable on white or black?
#1f84b9 has a 4.15:1 contrast ratio on white and 5.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.