#4C80D5 Hex Color

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

Hex color #4c80d5 graphic
This saturated, cool blue feels dependable and professional, making it a common choice for corporate branding in finance and security. Because of its 5.4:1 contrast ratio against black, it maintains excellent readability for small body text. The hex code for this color is #4c80d5. It works best as a primary interface element or a bold accent rather than a dominant, full-screen background color.

Questions about #4c80d5

What is #4c80d5 in RGB, HSL and CMYK?
In RGB, #4c80d5 is rgb(76, 128, 213), in HSL hsl(217, 62%, 57%) and in CMYK 64%, 40%, 0%, 16%.
Where should I use #4c80d5 in my UI design?
#4c80d5 functions best as a primary interface element, such as buttons, active links, or call-to-action components. Its strong contrast against light backgrounds ensures clear readability while its professional character makes it a standard choice for modern corporate and financial web applications.
What colors pair well with #4c80d5?
This blue pairs effectively with charcoal or deep neutral grays to ground its vibrancy without losing its professional edge. For a more dynamic palette, you can introduce subtle cream accents to soften the overall appearance while maintaining a clean, high-contrast look for text.
Is #4c80d5 readable on white or black?
#4c80d5 has a 3.92:1 contrast ratio on white and 5.35: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.