#305A8E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, muted blue carries a serious weight suited for corporate or tech interfaces. Because this tone feels unsaturated and moody, it works best as a steady, professional backdrop. White text pops against it, providing a 7.0:1 contrast ratio that ensures excellent accessibility for body text. The hex code for this shade is #305a8e.
Questions about #305a8e
What is #305a8e in RGB, HSL and CMYK?
In RGB, #305a8e is rgb(48, 90, 142), in HSL hsl(213, 49%, 37%) and in CMYK 66%, 37%, 0%, 44%.
Where does #305a8e work best in UI design?
#305a8e functions exceptionally well as a professional, low-fatigue background color for complex dashboards or technical interfaces. Because it is highly unsaturated, it provides a stable visual foundation that allows data, charts, and white UI elements to stand out clearly.
What colors pair well with #305a8e for a balanced palette?
This shade works effectively with neutral off-whites or light grays, which maximize readability while maintaining a clean, modern aesthetic. For accents, consider pairing it with a soft gold or a muted terracotta to create warmth without overwhelming the serious, grounded nature of the blue.
Is #305a8e readable on white or black?
#305a8e has a 7.04:1 contrast ratio on white and 2.97: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.