#495675 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in the mid-tones, carrying a serious and professional weight. Because of its desaturated, matte quality, #495675 serves best as a grounding background element in tech or corporate UI designs. It provides ample contrast for white text, ensuring readability. Pair it with lighter slate grays or warm creams to keep your interface from feeling too gloomy. The hex code for this shade is #495675.
Questions about #495675
What is #495675 in RGB, HSL and CMYK?
In RGB, #495675 is rgb(73, 86, 117), in HSL hsl(222, 23%, 37%) and in CMYK 38%, 26%, 0%, 54%.
What colors pair best with #495675?
#495675 works exceptionally well when balanced against cream or light slate gray to prevent the design from feeling too gloomy. These warmer, lighter neutrals provide the necessary contrast to let the blue anchor the page without overwhelming the surrounding content.
Is #495675 suitable for text usage?
While #495675 is dark enough to read against white, it performs best as a background color rather than a primary text color. It provides a solid, serious foundation for modern interface designs, ensuring that white text layered on top remains highly legible.
Is #495675 readable on white or black?
#495675 has a 7.31:1 contrast ratio on white and 2.87: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.