#146FBA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #146fba graphic
#146fba is a vivid, high-chroma blue that signals authority and corporate reliability. Because of its punchy saturation, it works best as a primary action color for tech or finance UI elements. White text pops clearly against it, satisfying accessibility standards for body copy. The hex code for this assertive shade is #146fba, which pairs surprisingly well with muted coral accents to soften its clinical edge.

Questions about #146fba

What is #146fba in RGB, HSL and CMYK?
In RGB, #146fba is rgb(20, 111, 186), in HSL hsl(207, 81%, 40%) and in CMYK 89%, 40%, 0%, 27%.
Where should I use #146fba in a user interface?
#146fba excels as a primary action color or call-to-action button because it signals corporate reliability and trust. Use this blue for secondary navigation elements or links against a clean white background to ensure optimal readability for your users.
What colors pair well with #146fba?
This blue balances perfectly when paired with coral or peach accents, which help soften its clinical, tech-focused edge. For a more traditional, professional look, stick to high-contrast neutrals like a deep charcoal or crisp white for clean text.
Is #146fba readable on white or black?
#146fba has a 5.23:1 contrast ratio on white and 4.01: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.