#7791B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits low on the saturation scale, creating a cool and restrained mood. Because it is highly desaturated, #7791b2 works best as a neutral background rather than an accent. Pair it with crisp white or dark charcoal to prevent a muddy appearance. The hex code #7791b2 maintains excellent readability for body text when set against black.
Questions about #7791b2
What is #7791b2 in RGB, HSL and CMYK?
In RGB, #7791b2 is rgb(119, 145, 178), in HSL hsl(214, 28%, 58%) and in CMYK 33%, 19%, 0%, 30%.
What colors pair best with #7791b2 for a balanced interface?
Because #7791b2 is desaturated, it pairs exceptionally well with charcoal for high-contrast typography or crisp off-white for a clean aesthetic. Using soft, neutral tones prevents the color from appearing muddy while maintaining a professional and calm visual atmosphere.
Is #7791b2 suitable for UI elements or body text?
While #7791b2 is excellent for background sections, it lacks the high contrast required for accessible small body text against light backgrounds. Use it primarily for large UI components, icons, or secondary branding elements to ensure your design remains legible and inclusive.
Is #7791b2 readable on white or black?
#7791b2 has a 3.24:1 contrast ratio on white and 6.47: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.