#4663A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue feels reliable and restrained, making it a natural choice for corporate or financial interfaces. The hex code #4663a5 works well as a grounding base for UI elements or background panels. Because it offers a solid 5.9:1 contrast ratio against white text, it maintains readability for small body type. Pair this cool shade with soft grays to emphasize its understated, professional character.
Questions about #4663a5
What is #4663a5 in RGB, HSL and CMYK?
In RGB, #4663a5 is rgb(70, 99, 165), in HSL hsl(222, 40%, 46%) and in CMYK 58%, 40%, 0%, 35%.
Where should I use #4663a5 in my interface?
#4663a5 works best as a primary action color or a grounding background element in corporate dashboards. Its high contrast ratio against white makes it perfect for navigation bars and buttons that need to remain readable while conveying a serious, trustworthy brand identity.
What colors pair well with #4663a5?
This shade pairs beautifully with light gray backgrounds to emphasize its professional, understated character without losing visual interest. For higher contrast accents, consider using a soft cream or a very subtle off-white to keep the overall look clean, balanced, and modern for financial or productivity applications.
Is #4663a5 readable on white or black?
#4663a5 has a 5.85:1 contrast ratio on white and 3.58: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.