#4BA1C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue conveys steady reliability, making it a functional choice for corporate branding in finance or tech. The hex code #4ba1c9 provides strong contrast against black text, so it works well for UI buttons or functional interface elements. Pair it with charcoal gray to ground its airy quality, as it can feel too washed out when used as a large background.
Questions about #4ba1c9
What is #4ba1c9 in RGB, HSL and CMYK?
In RGB, #4ba1c9 is rgb(75, 161, 201), in HSL hsl(199, 54%, 54%) and in CMYK 63%, 20%, 0%, 21%.
What design elements pair best with the #4ba1c9 blue?
Use #4ba1c9 as a primary action color for buttons or navigation bars where reliability is needed. It pairs exceptionally well with charcoal or deep navy text, providing a grounded, high-contrast look that prevents the color from feeling too washed out.
Is #4ba1c9 a good choice for text-heavy interface designs?
While #4ba1c9 is excellent for UI components like buttons or icons, it is generally too unsaturated and light to serve as primary body text. For better readability, keep this hue for interface accents and stick to dark grays for long-form content.
Is #4ba1c9 readable on white or black?
#4ba1c9 has a 2.90:1 contrast ratio on white and 7.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.