#536677 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bleak and dusty, #536677 is an inky, desaturated blue that acts as a dependable anchor for professional interfaces. Its low chroma creates a sense of understated control, making it an excellent choice for background UI elements where distraction must be minimal. While it provides enough contrast to support white body text, it shines best when paired with warm, metallic accents to break up its cool, matte composure.
Questions about #536677
What is #536677 in RGB, HSL and CMYK?
In RGB, #536677 is rgb(83, 102, 119), in HSL hsl(208, 18%, 40%) and in CMYK 30%, 14%, 0%, 53%. Browse more shades of gray with names and hex codes.
What colors pair best with #536677?
Because #536677 is a cool, desaturated blue, it works best when grounded by warm, metallic accents or crisp neutrals. Try pairing it with warm copper for visual interest or soft cream to maintain a clean, professional interface balance.
Is #536677 readable on white or black?
#536677 has a 5.94:1 contrast ratio on white and 3.53: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.