#486777 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #486777 is a blue-gray with dusty teal undertones and low saturation. Its matte character suggests seriousness, reliability, and restrained calm, making it useful for finance, technology, and government branding. Use it as a supporting tone or dark interface background with warm ivory accents. White text meets WCAG AA body-text contrast. The hex code is #486777.
Questions about #486777
What is #486777 in RGB, HSL and CMYK?
In RGB, #486777 is rgb(72, 103, 119), in HSL hsl(200, 25%, 37%) and in CMYK 39%, 13%, 0%, 53%. Browse more shades of blue with names and hex codes.
What colors pair well with #486777?
Warm ivory, pale sand, and terracotta pair well with #486777, adding gentle warmth and contrast without overpowering its restrained blue-gray character; charcoal also works for deeper interface text and borders.
Does #486777 read as a warm or cool color?
#486777 reads as a cool color because its blue-gray base outweighs its dusty teal undertones, though its muted saturation softens the effect and keeps it from feeling icy or stark. This balance suits calm interfaces and formal branding.
Is #486777 readable on white or black?
#486777 has a 6.03:1 contrast ratio on white and 3.48: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.