#1F84C0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A solid pick for finance dashboards and healthcare apps, #1f84c0 is a medium blue with saturation pulled back toward gray. It reads dependable rather than playful, which suits security and banking branding. Black text passes AA on it at about 5.1:1, so small type stays readable. Pair it with warm sand or terracotta to soften its corporate edge.
Questions about #1f84c0
What is #1f84c0 in RGB, HSL and CMYK?
In RGB, #1f84c0 is rgb(31, 132, 192), in HSL hsl(202, 72%, 44%) and in CMYK 84%, 31%, 0%, 25%.
What colors pair well with #1f84c0?
Warm sand, soft cream, and terracotta pair well with #1f84c0, since their warm undertones offset this blue's cool, slightly muted character and keep it from feeling overly corporate. For darker layouts, set it against charcoal and let the blue carry the palette.
Is #1f84c0 readable on white or black?
#1f84c0 has a 4.10:1 contrast ratio on white and 5.11: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.