#36537C Hex Color

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

Hex color #36537c graphic
#36537c is a muted, dusty blue with a serious, understated character. While it makes a reliable, professional background for tech or finance, avoid using it as a small accent since its desaturated tone can get lost. It offers excellent readability with white text due to high contrast. The hex code #36537c provides a grounded, stable weight for modern UI designs.

Questions about #36537c

What is #36537c in RGB, HSL and CMYK?
In RGB, #36537c is rgb(54, 83, 124), in HSL hsl(215, 39%, 35%) and in CMYK 56%, 33%, 0%, 51%.
Where should I use #36537c in a UI design?
Use #36537c primarily as a structural background or primary branding element for finance and tech interfaces where trust is essential. Because it is highly desaturated, it lacks the punch required for small call-to-action buttons or critical alerts.
What colors pair well with #36537c?
Pair #36537c with warm, neutral tones like cream or sand to balance its coolness and add visual interest. For a more corporate aesthetic, it sits comfortably alongside soft whites and muted slate greys without clashing.
Is #36537c readable on white or black?
#36537c has a 7.82:1 contrast ratio on white and 2.68: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 is too faint for text. Try other pairs in the contrast checker.