#475877 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Chambray is a dusty, unsaturated blue with a serious, muted character. Because it sits on the cooler side of the spectrum, it works best as a balanced background color in professional UI designs. Pairing this shade with crisp white text provides excellent readability and strong contrast. The hex code for this color is #475877.
About Chambray
Faded workwear at the end of a long shift
What does chambray mean?
Chambray often calls to mind worn cotton fabric, old denim, fog over water, and overcast winter skies. Its low saturation and mid-low lightness give it a matte, subdued weight, like a room lit by a shaded window.
Where you see chambray
- faded denim jeans
- workwear shirts
- slate rooftops
- storm clouds
- dusk water
- unpolished steel
What it works for
Backgrounds and interface panels that need a blue tone without the loudness of a saturated navy or cobalt.
What colors go with chambray?
Blush #de5d83The pale pink warmth lifts the dusty blue without adding glare.Ochre #cc7722A warm earthy yellow against a cold muted blue creates strong, balanced contrast.Cream #fffdd0Warm off-white keeps the pairing soft and lets the blue stay dominant.Terracotta #e2725bBaked clay orange sits opposite the cool blue and warms the whole palette.Sage #9caf88Both colors are muted and matte, so neither one fights for attention.
Questions about Chambray
What is the hex code for Chambray?
Chambray is #475877. In RGB that is rgb(71, 88, 119), in HSL hsl(219, 25%, 37%) and in CMYK 40%, 26%, 0%, 53%.
What design styles work best with the Chambray #475877 hex color?
Chambray #475877 excels in professional UI design, particularly for SaaS interfaces, financial dashboards, and wellness apps, where a serious yet accessible tone is required. It provides a stable, muted foundation that keeps high-contrast typography readable without causing visual fatigue.
Is Chambray readable on white or black?
Chambray has a 7.16:1 contrast ratio on white and 2.93: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.