#3A78B8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a professional, stable weight. Because #3a78b8 balances chroma and lightness, it works well as a grounding base for fintech or security interfaces. While it pairs predictably with white, try it alongside muted orange tones to break the monotony. Its readability is just high enough for small body text when set in white, keeping your UI clean and accessible.
Questions about #3a78b8
What is #3a78b8 in RGB, HSL and CMYK?
In RGB, #3a78b8 is rgb(58, 120, 184), in HSL hsl(210, 52%, 47%) and in CMYK 68%, 35%, 0%, 28%.
Where should I use #3a78b8 in a UI design?
#3a78b8 is an excellent choice for primary action buttons or navigation bars in fintech and security-focused applications. Its balanced saturation conveys trust and stability without overwhelming the user, while remaining legible when paired with white text for high contrast.
What colors pair well with #3a78b8?
Because #3a78b8 is a cool, steady blue, it creates a sophisticated contrast when placed against muted terracotta or soft orange tones. For a more traditional, clean look, pair this shade with crisp white or very light neutral grays to maintain professional readability.
Is #3a78b8 readable on white or black?
#3a78b8 has a 4.60:1 contrast ratio on white and 4.55: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 for body text. Try other pairs in the contrast checker.