#7774C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated indigo carries a muted character that feels composed and thoughtful. Because of its balance, #7774c9 works best as a supporting accent rather than a dominant background. Pair it with warm terracottas to create an unexpected, sophisticated contrast. It maintains enough readability for small text, making it a reliable choice for UI details when you need something more interesting than standard gray.
Questions about #7774c9
What is #7774c9 in RGB, HSL and CMYK?
In RGB, #7774c9 is rgb(119, 116, 201), in HSL hsl(242, 44%, 62%) and in CMYK 41%, 42%, 0%, 21%.
What colors pair best with #7774c9 for a balanced design?
#7774c9 pairs effectively with warm terracotta or soft peach tones to create a grounded, sophisticated contrast. Because this indigo is unsaturated, it relies on these warmer, earthier hues to prevent the overall palette from feeling too cold or sterile.
Is #7774c9 suitable for small text on user interfaces?
Yes, #7774c9 retains excellent readability for small text and UI elements because it sits in a mid-range luminance level. It functions as a reliable, more interesting alternative to standard gray while maintaining enough contrast to keep legibility high against light backgrounds.
Is #7774c9 readable on white or black?
#7774c9 has a 4.09:1 contrast ratio on white and 5.12: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.