#305388 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With a muted, desaturated character, #305388 feels serious and reliable. This deep, cool blue lacks harsh vibrancy, making it an excellent base color for corporate interfaces or fintech branding. It offers strong contrast against white text, ensuring readability in UI design. Because of its moody, professional tone, the hex code #305388 works best when paired with softer creams or light grays to avoid overwhelming the viewer.
Questions about #305388
What is #305388 in RGB, HSL and CMYK?
In RGB, #305388 is rgb(48, 83, 136), in HSL hsl(216, 48%, 36%) and in CMYK 65%, 39%, 0%, 47%.
What colors pair well with #305388 in a UI design?
This deep blue works best when balanced against softer, neutral tones to keep the interface readable and professional. You should pair #305388 with cream or light gray backgrounds, as these options prevent the color from appearing too overwhelming or dark on the screen.
Is #305388 readable on white or black?
#305388 has a 7.72:1 contrast ratio on white and 2.71: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 is too faint for text. Try other pairs in the contrast checker.