#73A5CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, pastel blue feels airy and restrained. Because it lacks intensity, #73a5ce works exceptionally well as a supportive background color for UI design where clarity is needed without visual noise. It pairs cleanly with warm charcoal grays or soft, creamy off-whites. The hex code is #73a5ce, which maintains high legibility for body text against black, making it a functional choice for professional interfaces.
Questions about #73a5ce
What is #73a5ce in RGB, HSL and CMYK?
In RGB, #73a5ce is rgb(115, 165, 206), in HSL hsl(207, 48%, 63%) and in CMYK 44%, 20%, 0%, 19%.
Why is #73a5ce a strong choice for UI background design?
The desaturated quality of #73a5ce reduces visual noise, allowing text and foreground elements to stand out with high legibility. It provides enough color to feel purposeful without overwhelming the layout or tiring the viewer's eyes during long browsing sessions.
What neutral tones work best alongside #73a5ce?
This blue pairs effortlessly with neutral foundations like deep charcoal or soft creamy off-whites to ground your composition. It creates a balanced, professional look that keeps the focus on content rather than the UI frame itself.
Is #73a5ce readable on white or black?
#73a5ce has a 2.62:1 contrast ratio on white and 8.00:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.