#767E93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue carries a heavy, muted quality that leans toward grey. Because of its low saturation, #767e93 functions best as a supporting neutral or background for professional interfaces in tech or finance. It provides enough contrast to support black body text while maintaining an understated, serious presence. Pair it with crisp white or dark charcoals to avoid a muddy appearance.
Questions about #767e93
What is #767e93 in RGB, HSL and CMYK?
In RGB, #767e93 is rgb(118, 126, 147), in HSL hsl(223, 12%, 52%) and in CMYK 20%, 14%, 0%, 42%.
What color combinations work best with #767e93?
Use #767e93 with high-contrast elements like crisp white or deep charcoals to prevent the design from feeling muddy. It functions as a strong, subdued anchor when paired with brighter, saturated accent colors like deep orange or mustard yellow.
How should I use #767e93 in interface design?
Apply #767e93 as a background or secondary color for financial or technology dashboards where a serious, muted tone is required. Because it is highly desaturated, it effectively supports dark text without overwhelming the user or competing for visual attention.
Is #767e93 readable on white or black?
#767e93 has a 4.05:1 contrast ratio on white and 5.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.