#475566 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue acts as a sturdy, serious base for professional interfaces and dark-mode designs. Its low chroma and ashy undertones create a sense of control without being overly harsh. Because it sits comfortably between grey and ink, white text remains highly legible against it. The hex code for this shade is #475566, which works best when paired with softer creams or lighter greys for balance.
Questions about #475566
What is #475566 in RGB, HSL and CMYK?
In RGB, #475566 is rgb(71, 85, 102), in HSL hsl(213, 18%, 34%) and in CMYK 30%, 17%, 0%, 60%. Browse more shades of gray with names and hex codes.
Where should I use #475566 in a design?
#475566 works best as a primary background or a secondary accent in professional interfaces where a calm, serious tone is required. Its muted quality ensures that white text remains highly legible, making it an excellent choice for sidebars, cards, or footer sections in dark-themed applications.
What colors pair well with #475566?
Pair #475566 with soft, creamy off-whites or light, neutral greys to create a balanced, sophisticated palette. For a stronger contrast that maintains readability, it also works effectively alongside charcoal for text or subtle metallic accents that lift the overall design.
Is #475566 readable on white or black?
#475566 has a 7.61:1 contrast ratio on white and 2.75: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.