#7679B4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7679b4 graphic
This cool, dusty indigo is unsaturated and matte, making it a reliable base for UI backgrounds. It maintains strong contrast with black text, allowing for excellent legibility in small body copy. Avoid pairing it with vibrant neons, as it functions best alongside earthy, warm neutrals. The hex code for this subdued, structured tone is #7679b4.

Questions about #7679b4

What is #7679b4 in RGB, HSL and CMYK?
In RGB, #7679b4 is rgb(118, 121, 180), in HSL hsl(237, 29%, 58%) and in CMYK 34%, 33%, 0%, 29%.
Which colors complement #7679b4 best?
#7679b4 pairs best with earthy, warm neutrals rather than vibrant neons. Using it alongside a soft cream or sand allows the indigo to ground a layout without clashing, maintaining professional legibility for UI backgrounds.
Is #7679b4 suitable for interface design?
This shade is an excellent choice for UI design because it remains highly readable against black text. Its desaturated, matte quality prevents eye strain while providing a structured, modern feel that works well in both web and mobile applications.
Is #7679b4 readable on white or black?
#7679b4 has a 4.06:1 contrast ratio on white and 5.16: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.