#0F85BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue conveys steady reliability. Because it sits at a moderate value, #0f85ba works best as a primary interface element or a bold accent rather than a full background. It pairs nicely with light grays for a clean, corporate aesthetic. Since black text meets WCAG accessibility standards on this hex code, you can use it confidently for small body text and high-legibility UI buttons.
Questions about #0f85ba
What is #0f85ba in RGB, HSL and CMYK?
In RGB, #0f85ba is rgb(15, 133, 186), in HSL hsl(199, 85%, 39%) and in CMYK 92%, 28%, 0%, 27%. Browse more shades of blue with names and hex codes.
Does #0f85ba work well as a primary color for UI design?
#0f85ba functions effectively as a primary interface color because it maintains high legibility for both text and icons. Its steady, moderate value ensures that buttons or actionable elements stand out without overwhelming the user during extended screen time.
What colors pair best with #0f85ba for a professional look?
To create a clean, corporate aesthetic, pair #0f85ba with light gray backgrounds or soft neutral tones. These combinations allow the blue to provide necessary visual structure while keeping the overall design feeling approachable and balanced for business-focused applications.
Is #0f85ba readable on white or black?
#0f85ba has a 4.13:1 contrast ratio on white and 5.08: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.