#536CA0 Hex Color
A calm and muted professional blue
This dusty, muted blue sits comfortably in professional UI designs. With its desaturated, cool character, #536ca0 provides a steady background that avoids the intensity of primary blues. It works best as a supporting tone in financial or security dashboards. White text maintains excellent readability against this shade, ensuring your layouts remain functional and accessible.
Questions about #536ca0
What is #536ca0 in RGB, HSL and CMYK?
In RGB, #536ca0 is rgb(83, 108, 160), in HSL hsl(221, 32%, 48%) and in CMYK 48%, 32%, 0%, 37%.
What color palettes work best with #536ca0?
#536ca0 pairs effectively with neutral grays and crisp whites to emphasize its professional, steady character. For more visual interest, introduce high-contrast accents like a muted terracotta or a soft mustard to break up the cool, desaturated blue tones.
Is #536ca0 readable on white or black?
#536ca0 has a 5.22:1 contrast ratio on white and 4.02: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.