#536690 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels professional and restrained without being overly corporate. Because #536690 is fairly unsaturated, it works best as a supporting background color for tech or financial interfaces rather than a primary call to action. It pairs well with crisp, off-white text to maintain legibility. Use this hex code when you need a reliable, grounded tone that avoids the intensity of brighter, saturated shades.
Questions about #536690
What is #536690 in RGB, HSL and CMYK?
In RGB, #536690 is rgb(83, 102, 144), in HSL hsl(221, 27%, 45%) and in CMYK 42%, 29%, 0%, 44%.
What colors pair best with #536690?
Because #536690 is a desaturated blue, it pairs beautifully with off-white or soft cream tones to maintain readability without harsh contrast. It also works as a grounding neutral alongside muted charcoal or slate grays for a clean, professional aesthetic.
Does #536690 lean warm or cool?
This color sits on the cooler side of the spectrum, carrying a restrained, professional mood rather than an energetic or aggressive feel. Its muted quality removes the intensity of standard blue, making it ideal for background surfaces where you need visual comfort.
Is #536690 readable on white or black?
#536690 has a 5.72:1 contrast ratio on white and 3.67: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.