#536AA1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue leans into a professional, restrained aesthetic. Because #536aa1 is unsaturated and dark, it functions best as a background color for financial or security-focused UI designs. It offers enough contrast for white text to remain legible for small body copy. Pair it with lighter grays or off-whites to keep the overall interface from feeling too heavy or gloomy.
Questions about #536aa1
What is #536aa1 in RGB, HSL and CMYK?
In RGB, #536aa1 is rgb(83, 106, 161), in HSL hsl(222, 32%, 48%) and in CMYK 48%, 34%, 0%, 37%. Browse more shades of blue with names and hex codes.
What colors pair well with #536aa1?
Pair #536aa1 with warm beige or soft cream to balance its cool, industrial temperament. Adding an accent of muted gold or terracotta can also inject necessary warmth, preventing the overall design from feeling too cold or overly clinical.
Is #536aa1 readable on white or black?
#536aa1 has a 5.32:1 contrast ratio on white and 3.94: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.