#486E8E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #486e8e graphic
#486e8e is a muted, dusty blue with cool gray undertones and a matte, ashy finish. Its low saturation creates a restrained sense of calm, trust, and control without feeling bright or playful. The hex code #486e8e suits supporting backgrounds, security and finance interfaces, healthcare branding, and nautical layouts. White text reaches about 5.4:1 contrast, enough for WCAG AA body text.

Questions about #486e8e

What is #486e8e in RGB, HSL and CMYK?
In RGB, #486e8e is rgb(72, 110, 142), in HSL hsl(207, 33%, 42%) and in CMYK 49%, 23%, 0%, 44%.
Does #486e8e read as a warm or cool color?
#486e8e reads cool because its blue base is softened with gray rather than yellow or earthy undertones. Its low saturation keeps the effect restrained, making it suitable for dependable interfaces, security products, and formal layouts.
What colors pair well with #486e8e?
#486e8e pairs well with charcoal for a restrained professional palette, while muted terracotta adds warmth without making the blue feel brighter. Use terracotta for small accents, buttons, or status details.
Is #486e8e readable on white or black?
#486e8e has a 5.38:1 contrast ratio on white and 3.89: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.