#536583 Hex Color

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

Hex color #536583 graphic
#536583 is a dusty, unsaturated blue with a distinct ashy undertone. Because it is dark and moody, it functions best as a solid background or a stable secondary tone in professional interfaces. Pair it with soft cream for a balanced look, as white text can appear harsh against its muted surface. The hex code for this cool, reliable shade is #536583.

Questions about #536583

What is #536583 in RGB, HSL and CMYK?
In RGB, #536583 is rgb(83, 101, 131), in HSL hsl(218, 22%, 42%) and in CMYK 37%, 23%, 0%, 49%.
What colors pair well with #536583?
#536583 creates a balanced, sophisticated aesthetic when paired with cream or soft off-white tones. Because it is a deep, moody blue, avoid stark white text which can appear too harsh against its muted surface, opting instead for lighter neutrals or soft greys.
Is #536583 readable on white or black?
#536583 has a 5.90:1 contrast ratio on white and 3.55: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.