#4C8BAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue strikes a balance between professional and approachable. Its desaturated quality keeps it from feeling overly loud, making it a reliable choice for finance or tech branding. Pair it with soft creams for a balanced interface or charcoal gray to sharpen the look. The hex code for this color is #4c8bad. It maintains enough contrast to support black text for readable, accessible body copy.
Questions about #4c8bad
What is #4c8bad in RGB, HSL and CMYK?
In RGB, #4c8bad is rgb(76, 139, 173), in HSL hsl(201, 39%, 49%) and in CMYK 56%, 20%, 0%, 32%.
Does #4c8bad work well for UI text?
#4c8bad serves as an excellent accent or button color, but it may lack sufficient contrast when used for small body text. Pair it with high-contrast elements like charcoal or deep navy to maintain strict accessibility standards for your users.
What moods does #4c8bad convey in design?
This color communicates stability, trustworthiness, and a calm, approachable professionalism. Because it is desaturated, it avoids the jarring intensity of brighter blues, helping to establish a grounded, reliable aesthetic that is perfect for finance, healthcare, or corporate software applications.
Is #4c8bad readable on white or black?
#4c8bad has a 3.74:1 contrast ratio on white and 5.60: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.