#305F8E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated and dusty blue, #305f8e provides a reserved, professional tone for finance or technology interfaces. This shade works well as a background because white text creates a 6.7:1 contrast ratio, ensuring high readability for users. Try pairing it with soft grays to maintain a clean, balanced aesthetic. The hex code for this color is #305f8e.
Questions about #305f8e
What is #305f8e in RGB, HSL and CMYK?
In RGB, #305f8e is rgb(48, 95, 142), in HSL hsl(210, 49%, 37%) and in CMYK 66%, 33%, 0%, 44%.
Why is #305f8e effective for user interfaces?
#305f8e provides a secure, reliable appearance that works well in finance and technology layouts. It maintains high legibility against white text with a 6.7:1 contrast ratio, making it an excellent choice for functional backgrounds or call-to-action elements.
What colors pair well with #305f8e?
#305f8e functions best when balanced by neutral tones to maintain its reserved quality. Try pairing this shade with soft gray or off-white for a clean, modern interface, or use a muted beige to add a touch of warmth.
Is #305f8e readable on white or black?
#305f8e has a 6.65:1 contrast ratio on white and 3.15: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.