#536F85 Hex Color

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

Hex color #536f85 graphic
#536f85 is a dusty, unsaturated blue with a matte finish that reads as professional and restrained. Its muted quality makes it an ideal base for security or corporate interfaces where readability is the priority. Use white text over this color to ensure strong contrast. It pairs well with warm sandy neutrals to balance its cool, inky character without feeling overwhelming.

Questions about #536f85

What is #536f85 in RGB, HSL and CMYK?
In RGB, #536f85 is rgb(83, 111, 133), in HSL hsl(206, 23%, 42%) and in CMYK 38%, 17%, 0%, 48%.
What design style works best with #536f85?
#536f85 excels in professional or technical environments where visual clarity and a restrained mood are required. Its muted, matte character prevents it from overwhelming a screen, making it an excellent choice for background UI elements or secondary interface components that need to remain readable.
Which colors pair effectively with #536f85?
This dusty blue pairs beautifully with warm, sandy neutrals, which balance its cool inky character without competing for attention. To maintain strong accessibility, use a crisp white for text overlays, or try introducing a muted terracotta accent to add a subtle, sophisticated warmth to the overall palette.
Is #536f85 readable on white or black?
#536f85 has a 5.27:1 contrast ratio on white and 3.98: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.