#485B9A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue, #485b9a feels restrained and professional. Its low saturation keeps the tone grounded, making it ideal for UI backgrounds or corporate branding where reliability matters. Because white text provides strong contrast against this shade, it works well for readable body copy. The hex code for this cool, shadowy blue is #485b9a, which pairs best with crisp neutrals instead of vibrant accents.
Questions about #485b9a
What is #485b9a in RGB, HSL and CMYK?
In RGB, #485b9a is rgb(72, 91, 154), in HSL hsl(226, 36%, 44%) and in CMYK 53%, 41%, 0%, 40%.
What colors pair well with #485b9a?
#485b9a works best with crisp, neutral tones that allow its professional character to stand out. It creates a balanced look when paired with soft off-white or light cool gray backgrounds, as these maintain high contrast for readable text.
Is #485b9a suitable for professional UI design?
Yes, #485b9a is an excellent choice for corporate UI because it feels restrained and trustworthy rather than overly bright or distracting. Its low saturation ensures that long-form body copy remains legible while providing a modern, sophisticated backdrop for digital interfaces.
Is #485b9a readable on white or black?
#485b9a has a 6.48:1 contrast ratio on white and 3.23: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.